当前位置:起点学习辅导网 →培训频道 → 电脑知识学习 → 网页制作 → Javascript教程→javascript的事件加载

javascript的事件加载

08-08 00:41:47浏览次数:342次栏目：Javascript教程

标签：javascript视频教程,javascript教程下载, javascript的事件加载,
46.
init();
47.
}, false );
48.
}
49.
return true;
50.
}
51.
JS.onReady = onReady;
52.
var $ = function(id){
53.
return document.getElementById(id);
54.
}
55.
JS.$ = $;
56.})()
我们简直是在重新实现jquery的$(document).ready(function(){ })！它功能非常强悍，配合利用闭包做成的命名空间，基本刀a88枪88a不入。而且它就只污染一个全局变量“JS”，可以与YUI媲美了（笑）。不过对于一般应用来说，我们用不着做到如此面面俱到。假如我们不需要对图片进行处理，页面也没有iframe，我们可以搞下面这个微缩版出来。

01.(function(){
02.
if(!window.JS){
03.
window['JS'] = {}
04.
}
05.
var onReady = function(loadEvent) {
06.
if(!+"v1"){
07.
(function(){
08.
try {
09.
document.documentElement.doScroll("left");
10.
} catch(e) {
11.
setTimeout( arguments.callee, 0 );
12.
return;
13.
}
14.
loadEvent();
15.
})();
16.
}else{
17.
document.addEventListener( "DOMContentLoaded", loadEvent, false );
18.
}
19.
}
20.
JS.onReady = onReady;
21.
var $ = function(id){
22.
return document.getElementById(id);
23.
}
24.
JS.$ = $;
25.})()<!doctype html>
<html dir="ltr" lang="zh-CN">
<head>
    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
    <title>闭包环境中的事件加载</title>
    <script type="text/javascript">
(function(){
    if(!window.JS){
        window['JS'] = {}
    }
    var onReady = function(loadEvent) {
        if(!+"v1"){
            (function(){
                try {
                    document.documentElement.doScroll("left");
                } catch(e) {
                    setTimeout( arguments.callee, 0 );
                    return;
                }
                loadEvent();
            })();
        }else{
            document.addEventListener( "DOMContentLoaded", loadEvent, false );
        }
    }
    JS.onReady = onReady;
    var $ = function(id){
        return document.getElementById(id);
    }
    JS.$ = $;
})()

JS.onReady(function(){
    alert(JS.$("test").innerHTML)
});
JS.onReady(function(){
    alert("dddddddddddddddd")
});
    </script>
</head>
<body>
    <p id="test">Test</p>
</body>
</html>

运行代码

上一页 [1] [2] [3] [4]

，javascript的事件加载

《javascript的事件加载》相关文章

给资讯打分：

网友评论：