码迷,mamicode.com
首页 > 其他好文 > 详细

Mootools--学习笔记(1)

时间:2015-10-14 11:45:56      阅读:103      评论:0      收藏:0      [点我收藏+]

标签:

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.");
}

【以上内容属于自己翻译,如果错误请帮忙提出意见,感激不尽】

Mootools--学习笔记(1)

标签:

原文地址:http://www.cnblogs.com/zero-Alex/p/4876864.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!