页面加载完前执行所有的js代码 解决方案

在网页加载的同时执行js代码，在加载完前执行所有的js代码：

1、Dean Edwards(js大神)解决方法，暂时不支持Safari和Opera浏览器：

<script type="text/javascript">

function init(){

if(arguments.callww.done)return;   //如果这个功能正在用再次加载时就结束

arguments.callee.done=true ;        //作为函数不加载多次的标志

 //创建页面正在加载的信息；

var text=document.createTextNode(“Page loaded”);

var message=documents.getElementsById("message")；

message.appendChild(text);

}

if(document.addEventListener){  //mozilla显示

document.addEventListener("DomContentLoaded",init,false);

}

document.write("<script defer src=ie_onload.js><"+"/script>");   //ie浏览器

window.onload=init;     //其他浏览器

</script>

这种方法存在缺点：（1）对于ie浏览器需要额外的javascript文件，（2）不支持safari和opera浏览器

2、支持safari浏览器的页面加载的方案：

<script type="text/javascript">

function init(){

if(arguments.callww.done)return;   //如果这个功能正在用再次加载时就结束

arguments.callee.done=true ;        //作为函数不加载多次的标志

if(_timer)  clearInterval(_timer);  //关闭计时器

//做其他工作；

}

if(document.addEventListener){  //mozilla显示

document.addEventListener("DomContentLoaded",init,false);

}

//ie浏览器

document.write("<script id=_ie_onload defer src=javascript:viod(0)></script>");

var script=document.getElementById("_ie_onload");

script.onreadystatechange=fuunction(){

if(this.readyState=="complete"){

init();   //调回页面加载处理函数

}}

//针对safari

if(/WebKit/i.test(navigator.userAgent) ) {  //嗅探

var _timer=setInterval(function(){

if(/loaded  | complete/.test(document.readyState) ){

init();     //调回页面加载处理函数

}}，10)

}

  window.onload=init;     //其他浏览器

</script>

转载于:https://my.oschina.net/u/2306718/blog/600180