您的位置：首页 > Web前端 > JQuery

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

2016-08-05 11:09 281 查看

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 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(){...})

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航