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

jquery库的引入:

<script type="text/javascript" src"./js/jquery-1.7.min.js"></script> //每一种都要引入juery的库

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

第二种方法

<script  type="text/script">
$(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  οnlοad="load()">
2.在脚本里写
window.οnlοad=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
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值