《常用三—页面生命周期及DOM相关》.docVIP

部分Dojo常用函数简介（三）——页面生命周期及DOM相关常用函数 2010-10-30 13:282080人阅读评论(1)收藏举报 每个Ajax 框架都对Javascript 做了扩展，提供了很多常用函数，增强了 Javascript 的开发效率。在这里将对部分Dojo 中的常用函数做简单的介绍。由于Dojo的常用函数较多，也为方便大家阅读，将这些常用函数分为了五个类别分别进行介绍。本文将介绍第三部分的内容：页面生命周期及DOM相关常用函数。* 本系列博文的绝大多数内容来自于对dojocampus.org上的dojo reference guide文档的翻译，在此也特别感谢文档的翻译者们：Fei Jia, Zhu Xiao Wen, Li Wen Bing, Zhang Jun, Hu Kuang, Huang Wei, Wu Min Qi, Mo Ying, Cheng Fu, Zhong Si Qi dojo.addOnLoad 如果想用好dojo，必须熟悉Dojo.addOnLoad，它提供了一种机制使作为参数传入该函数的语句及其他函数可以在整个页面的DOM加载完成之后运行。常见的一种情况是： [javascript] view plaincopyprint? mce:script type=text/javascript!-- if(dayOfWeek == Sunday){ document.musicPrefs.other.value = Afrobeat; } // --/mce:script form name=musicPrefs input type=text name=other . 这段JS代码会无法正确运行，因为在js运行时，”other”还未被定义。当然，你可以把这段JS代码放在页面最后，但这样做并不符合正常的HTML编写方式，而且在另一些情况下，也会对你的代码造成部分影响。 对于这类情况，你就可以使用dojo.addOnLoad(...)： [javascript] view plaincopyprint? function setAfrobeat(){ document.musicPrefs.other.value=Afrobeat; } dojo.addOnLoad(setAfrobeat); 或者： [javascript] view plaincopyprint? dojo.addOnLoad( function(){ document.musicPrefs.other.value=Afrobeat; } ); dojo.addOnUnload 与dojo.addOnLoad(...)相呼应，Dojo.addOnUnload用于注册函数在页面销毁时运行。 [javascript] view plaincopyprint? mce:script type=text/javascript!-- // 声明一个在window.unLoad时运行的函数 var unLoad = function() { // 函数内容 alert(unloading...); } // 向addOnUnload传递该函数指针 dojo.addOnUnload(unLoad); // 注册另一个对象的方法 dojo.addOnUnload(window, unLoad); // 注册某一对象的匿名函数 dojo.addOnUnload(window, function() {alert(were out of here!);}); // --/mce:script dojo.query 在进行DOM相关操作时，很多时候需要查找特定的DOM节点，使用浏览器原生的DOM API进行查找不仅需要写较多的代码，而且很多时候效率十分低下，dojo.query则提供了一个更快、更方便的方式来对DOM节点进行查询。 Dojo.query接收两个参数，第一个为一个字符串，是通过一些基于CSS3标准的属性查询模板，第二个参数为可选参数，为一个DOM节点对象或节点ID,为查询设定范围。 由于dojo.query采用的是CSS3标准查询模板，当你想用dojo.query进行DOM查询时，你可以在任何的CSS文档中找到正确的查询条件模板，下面的示例是一些简单的查询调用： [javascript] view plaincopyprint? // 获取所有的 h3 节点元素 dojo.query(h3) // 获取所有为其父节点的第一个子节点的 h3 节点元素 dojo.query(h3:first-child) // 获取id=main的节点元素 dojo.