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

最新推荐文章于 2023-04-12 09:18:36 发布

lmy_林夕

最新推荐文章于 2023-04-12 09:18:36 发布

阅读量1.2k

点赞数 1

分类专栏： jQuery 文章标签： jquery

本文链接：https://blog.csdn.net/weixin_39550799/article/details/78792927

版权

jQuery 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

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

$就是jquery对象
$.get 就是调用jquery对象里的get方法
jquery和js初始化加载页面的区别 7
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 οnlοad='init()'> </body>
<script type="text/javascript">
function init(){ // 初始化内容 }
</script>

第二种：使用window的onload方法
<script type="text/javascript">
window.οnlοad=function(){ // 初始化内容 }
</script>