页面加载完成后执行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!"); });
相关文章推荐
- 页面加载完成再执行js代码
- 页面加载完成后自动执行(js代码)
- 用js判断页面是否加载完成实现代码
- JS实现文档加载完成后执行代码
- 当jsp页面完全加载完成后执行一个js函数
- js中页面加载完成后执行的几种方式及执行顺序
- 页面加载完成之后执行js函数window.onload 和 $().ready(function) 以及 <body onload="">的同级函数详解
- 页面加载完成在执行js几种方法
- 页面加载完成后再执行JS的jquery写法以及区别说明
- 页面加载完成后再执行JS的jquery写法以及区别说明
- js页面加载完之后执行此代码块
- 如何让页面加载完成后执行js
- js监控页面加载完成后执行action【…
- 实现页面加载完成后执行js
- 让页面加载完成后执行js
- 页面加载完成之后执行js函数
- 如何确保页面中的js加载完全后再执行其他代码
- 页面加载完成后再执行JS的jquery写法以及区别说明
- 多种方法实现当jsp页面完全加载完成后执行一个js函数
- js中如何控制所有页面加载完成后,再执行某些方法