jquery跟js初始化加载的多种方法及区别介绍_jquery
程序员文章站
2022-04-23 14:22:21
...
jquery和js初始化加载页面的区别:
jquery:等待页面加载完数据,以及页面部分元素(不包括图片、视频),
js:是页面全部加载完成才执行初始化加载。
1、jQuery 页面加载初始化的方法有3种 ,页面在加载的时候都会执行脚本,
第一种(比较常用):
$.function(){
alert("第一种方法");
});
第二种:
$(document).ready(function(){
alert("第二种方法");
});
第三种:
jQuery(function($){
alert("第三种方法");
});
2、js初始化加载的方法
第一种:
window.onload=function(){
alert("初始化加载");
};
第二种:
(winOnload 此方法名自定义)
function winOnload() {
alert("初始化加载");
};
winOnload();
注意: 由于jquery使用$符号,和有些组件例如dwr就有冲突,为了解决这个问题,可以使用
var ace=jQuery.noConflict();
jquery:等待页面加载完数据,以及页面部分元素(不包括图片、视频),
js:是页面全部加载完成才执行初始化加载。
1、jQuery 页面加载初始化的方法有3种 ,页面在加载的时候都会执行脚本,
第一种(比较常用):
复制代码 代码如下:
$.function(){
alert("第一种方法");
});
第二种:
复制代码 代码如下:
$(document).ready(function(){
alert("第二种方法");
});
第三种:
复制代码 代码如下:
jQuery(function($){
alert("第三种方法");
});
2、js初始化加载的方法
第一种:
复制代码 代码如下:
window.onload=function(){
alert("初始化加载");
};
第二种:
(winOnload 此方法名自定义)
复制代码 代码如下:
function winOnload() {
alert("初始化加载");
};
winOnload();
注意: 由于jquery使用$符号,和有些组件例如dwr就有冲突,为了解决这个问题,可以使用
复制代码 代码如下:
var ace=jQuery.noConflict();
上一篇: 使用 JavaScript 构建一个简单的 PubSub 系统
下一篇: 如何一键复制链接?
推荐阅读
-
jquery append()方法教程与html()方法教程的区别及使用介绍
-
模拟jQuery中的ready方法及实现按需加载css,js实例代码
-
jquery跟js初始化加载的多种方法及区别介绍
-
js、 jquery 页面加载初始化方法及区别
-
AMD异步模块定义介绍和Require.js中使用jQuery及jQuery插件的方法
-
模拟jQuery中的ready方法及实现按需加载css,js实例代码_jquery
-
jquery append()方法教程与html()方法教程的区别及使用介绍
-
AMD异步模块定义介绍和Require.js中使用jQuery及jQuery插件的方法_jquery
-
模拟jQuery中的ready方法及实现按需加载css,js实例代码_jquery
-
jquery及js实现动态加载js文件的方法_javascript技巧