在页面加载完后执行javascript代码

2019独角兽企业重金招聘Python工程师标准>>>

方法1：

<script defer="defer" language="javascript"></script>
//或者
<script defer language="javascript"></script>

但这种方法只有IE支持，其他浏览器不识别defer

方法2：把js代码放在</body>结束标签之后，因为浏览器代码渲染是从上至下的，这种方法是最傻瓜的，兼容所有浏览器
方法3：利用document.onreadystatechange事件

if(document.readyState=="complete"){//js代码}

不过这种方法，也有缺点——有的浏览器在readStates等于loaded时就完了，不会跳到complete状态，而且早期的火狐等浏览器不支持这个事件，单纯的用这种方法不靠谱

方法4：利用window.onload事件

window.onload=function(){funA();
}

但这个方法在IE中只能在一个地方调用，假如2个地方调用，后面调用的就会把前面的添加的覆盖掉，例如：

window.onload=function(){funA();
}
window.onload=function(){funB();
}

funA()在IE中就不会执行了，所以只能把它们写在一起，

window.onload=function(){funA();funB();
}

在IE中调用还是很不方便

不过，外国的一个大牛写了一个函数，利用这个函数，我们就可以多处调用了

var $$ = function(func){var oldOnload =window.onload;if(typeof window.onload != 'function'){window.onload = func;}else{window.onload = function(){oldOnload();func();}}
}
//调用$$(function(){//页面加载完后执行js代码})

我们推荐使用上面这个函数，兼容所有浏览器。

window.onload是使用的DOM 0 级方法，我们还可以使用DOM 2级方法给onload事件添加需要执行的代码，不过也得写一个兼容函数

var $$ = function(func){if ( document.addEventListener ) {window.addEventListener( "load", func, false );}else  if ( document.attachEvent ){window.attachEvent( "onload", func);}
}
$$(function(){//页面加载完后执行js代码
})

jQuery里面还利用现代浏览器的DOMContentLoaded事件，这个事件是等DOM加载完后，就执行代码了，而不用等整个页面加载完后执行，但IE不支持这个事件。

转载于:https://my.oschina.net/u/2255071/blog/376779

在页面加载完后执行javascript代码相关推荐

在页面加载完后执行jQuery代码
$(window).load(function() { (function($){ $(document).ready(function(){ //这里写需要执行的代码 }); })(jQue ...
怎样使页面加载完再执行js代码
怎样使页面加载完再执行js代码由于HTML页面的加载顺序是从上到下,所以js代码要写在页面靠下的位置,否则可能会发生元素获取不到的问题,为了避免这种情况,可以通过页面元素加载完之后,再执行js代码, ...
js 和jQuery（自动执行函数）立即执行函数和页面加载完后执行函数写法
js 立即执行函数的写法. js 立即执行函数只能用于匿名函数,如果声明了函数名是不可以用立即执行的,通常在函数表达式后加一对小括号()用于立即执行如果想让函数不被调用的情况下,立即自动执行,需要在 ...
html5页面加载执行动作,页面加载完成后执行JS的5种方式
在js和jquery使用中,常用到页面加载完成后执行某一方法.经过整理,大概是五种方式.javascript 1.jQuery的$( function(){} );html 2.jQuery的$(do ...
关于第三方接口支付的时候采用post提交的方式，有两种一种是通过 curl来进行，一种是通过js当页面加载完后跳转...
这是第一种.通过javascript页面加载完后,对表单采用 post方式提交给第三方接口----- echo <<<_END <!DOCTYPE html PUBLIC & ...
vue组件加载完成之后执行方法_vuejs页面加载完成后执行函数
module.exports = { data: function(){ return { memberQrcodeState: false } }, components: {memberQrcod ...
页面加载完后立刻执行JS的两种方法
方式一:window.onload: 当一个文档完全下载到浏览器中时,才会触发window.onload事件.这意味着页面上的全部元素对js而言都是可以操作的,也就是说页面上的所有元素加载完毕才会执行 ...
文档加载完后执行相关事件
document.onreadystatechange = function () {if(document.readyState == 'complete'){// code } } 转载于:htt ...
图片加载完后执行事件
var count=0;$append_items.find('img').on('load',function(){count++;if(count == $append_items.length) ...
vue.js页面加载完就执行methods里的方法
mounted:function (){ this.start(); }, methods:{ start:function(){ time=setInterval(function(){ vm.nu ...

在页面加载完后执行javascript代码

在页面加载完后执行javascript代码相关推荐

最新文章

热门文章