js什么方法在onload之前加载

2025-10-23 04:51:19

1、首先,我就给出准确的答案:

jquery中$(document).ready()方法是在onload方法之前加载

js什么方法在onload之前加载

2、接下来给出一个实例:

一个html文件,将下列代码复制进去一个html文件即可,然后使用浏览器打开

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>Insert title here</title>

</head>

<!-- 导入jquery   需要有网络-->

<script src="http://code.jquery.com/jquery-latest.js"></script>

<script type="text/javascript">

window.onload=function(){

alert("onload")

};

$(document).ready(function(){

     alert("ready")

})

</script>

<body>

<h1>这是一个测试</h1>

</body>

</html>

js什么方法在onload之前加载

3、然后我们点击打开这个HTML文件之后,就可以看到两者的执行顺序

js什么方法在onload之前加载

js什么方法在onload之前加载

1、虽然第一张图片中写的是document.ready,但是我经过一番查询,防线原生js实现jquery中$(document).ready()方法好像不太行。但是查到别人写的一种。

格式有点乱,我就不调整了

function ready(fn){

if(document.addEventListener){ //标准浏览器

document.addEventListener('DOMContentLoaded',function(){

//注销时间,避免重复触发

document.removeEventListener('DOMContentLoaded',arguments.callee,false);

fn(); //运行函数

},false);

}else if(document.attachEvent){ //IE浏览器

document.attachEvent('onreadystatechange',function(){

if(document.readyState=='complete'){

document.detachEvent('onreadystatechange',arguments.callee);

fn(); //函数运行

}

});

}

}

js什么方法在onload之前加载

2、接下来说一下怎么用jquery实现js的onload方法,因为基本只会都是用的jquery。

$(window).load(function (){

       // 编写代码 

 });

等价于 JavaScript 中的下面代码 

Window.onload = function (){

     // 编写代码 

}

js什么方法在onload之前加载

3、比较推荐使用jquery的写法。

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢