您的位置:首页 > Web前端 > JavaScript

页面加载完成后执行JS代码

2013-01-27 11:13 686 查看
我们有时候会想实现有个页面onload的效果,用下面的代码,我们不必要在body里加上onload事件了。
<script>
var ready = function(fun)
{
if (document.addEventListener)
{
document.addEventListener("DOMContentLoaded", fun, false);
}
else
{
var head = document.getElementsByTagName("head")[0];
var script = document.createElement("script");
script.src = "javascript:void(0)";
script.defer = true;
script.onreadystatechange = function()
{
if (this.readyState == "loaded" || this.readyState == "complete")
{
fun.apply(this, arguments);
head.removeChild(this);
}
}
head.appendChild(script);
}
}
</script>

调用的时候直接:
ready(function()
{
alert("ok!");
});
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: