Mootools--学习笔记(1)
1、选择符。
$("ID"):ID选择符,只选取ID名元素,选取时,不写入ID名前缀“#”;
$$("*"):混合选择符,适用所有的元素,用法与jQuery十分相似。
2、DOM就绪。
我们经常使用 window.onload 或者 body onload=“” 去执行一些页面中的加载事件。
譬如
window.onload=myFunction;
该方法有一些缺点:首先,我们必须等待页面中的图片加载完毕后才能执行脚本(JS)。还有,如果我们的页面中,有一些事件和代码绑定到window上的话,他们就会互相覆盖。
Mootools针对这个情况,开发了一个解决方案。当页面中的DOM准备好了的时候,Mootools附带了一个定制事件,叫做DomReady。
譬如
Window.addEvent(‘domready’, function(){
myFunction();
});
当HTML页面中的DOM加载完毕后,myFunction立即执行,其他window与图片紧接其后。
DomReady有哪些优点:
*允许你的工作页面优先加载。
*允许您使用相同的事件与其他脚本。
*不用等待图片加载完。
DomReady 示范
/*
MooTools DomReady.
Two Styles.
1. Call the function directly.
2. The function is inside of anonomos function.
*/
window.addEvent('domready', myFunction);
//Or.
window.addEvent('domready', function(){
myFunction();
});
function myFunction()
{
alert("The DOM is ready.");
}
【以上内容属于自己翻译,如果错误请帮忙提出意见,感激不尽】