jQuery页面加载初始化常用的三种方法

来源：互联网发布：精准客户采集软件编辑：程序博客网时间：2024/04/30 02:35

jquery库的引入：

第一种方法
<script type="text/javascript">
$(document).ready(function(){
trace("初始化的方法进入");
});//页面加载
function trace(obj){
console.log(obj);
}//自定义的方法
</script>

第二种方法

第三种方法
<script type="text/javascript">
jQuery(function($){
trace("初始化的方法三");
})；
function trace(obj){
console.log(obj);
}
</script>
PS:不用jquery，在页面初始化的方法

1body里面写onload的方法
<body onload="load()">
2.在脚本里写
window.onload=function(){
alert("测试内容");
//要初始化的方法
}

部分图片或者什么其他方面还没有加载好，这个时候，点击某些按钮，会导致出现意外的情况，这个时候用window.onload，其他情况下建议使用$(document)ready(function(){...});和$(function(){...})

jquery中$(document.ready( function(){} ))和window.onload的区别

1.执行时间

window.onload必须等到页面的内容(包括图片的所有内容)加载完毕之后才执行

$(document).ready( function(...) ) 是DOM结构绘制完毕之后就执行，不必等到加载完毕,执行速度相对快些

2编写个数的不同

window.onload不能同时编写多个，如果有多个window.onload方法，只会执行一个

$(document).ready()可以编写多个，并且都可以得到执行。

3.简写方法

window.onload没有简写

$(document).ready(function (){...} ) 可以简写$(function(){...})

0 0