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

JQuery页面加载初始化常用方法

2017-06-13 17:33 381 查看
jquery和js初始化加载页面的区别

jquery：等待页面加载完数据，以及页面部分元素（不包括图片、视频），效率更快

js：页面全部加载完成才执行初始化操作

1、使用jquery方式

需要加载js文件

<script type="text/javascript" src="../js/jquery-1.8.3.js"></script>


第一种方法：

<script type="text/javascript">
$(document).ready(function(){
initFun("初始化方法进入");
});
function init(obj){
console.info(obj);
}
</script>


第二种方法（个人比较喜欢使用这种初始化,函数简洁）

<script type="text/javascript">
$(function(){
initFun("初始化方法进入");
});
</script>


第三种方法

<script type="text/javascript">
jQuery(function($){
initFun("初始化方法进入");
});
</script>


2、不使用jquery，在页面初始化

第一种：在body里面写onload初始化方法.

<body onload='init()'>
</body>

<script type="text/javascript">
function init(){
// 初始化内容
}
</script>


第二种：使用window的onload方法

<script type="text/javascript">
window.onload=function(){
// 初始化内容
}
</script>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签：  jquery 初始化 js
相关文章推荐
新的分享
章节导航