jquery跟js初始化加载的多种方法及区别介绍

 jquery是等待页面加载完数据,以及页面部分元素;js是页面全部加载完成才执行初始化加载,具体示例祥看本文

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(); 
 

时间: 2024-12-22 09:45:44

jquery跟js初始化加载的多种方法及区别介绍的相关文章

jquery跟js初始化加载的多种方法及区别介绍_jquery

jquery和js初始化加载页面的区别: jquery:等待页面加载完数据,以及页面部分元素(不包括图片.视频), js:是页面全部加载完成才执行初始化加载. 1.jQuery 页面加载初始化的方法有3种 ,页面在加载的时候都会执行脚本, 第一种(比较常用): 复制代码 代码如下: $.function(){ alert("第一种方法"); }); 第二种: 复制代码 代码如下: $(document).ready(function(){ alert("第二种方法"

jquery与js动态加载js文件的例子

如果用jquery append直接加载script标签的话,会报错的.除了document.write外,还有没有其他的比较好的动态加载js文件的方法. 1,jquery方法 $.getScript("./test.js");   //加载js文件    $.getScript("./test.js",function(){   //加载test.js,成功后,并执行回调函数      console.log("加载js文件");  }); 

js正则表达式中test,exec,match方法的区别介绍

 本篇文章主要是对js正则表达式中test,exec,match方法的区别进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助 js正则表达式中test,exec,match方法的区别说明   test  test 返回 Boolean,查找对应的字符串中是否存在模式. var str = "1a1b1c"; var reg = new RegExp("1.", ""); alert(reg.test(str)); // true     e

jQuery获取attr()与prop()属性值的方法及区别介绍_jquery

今天在项目中使用<select></select>下拉菜单时,使用juery操作,使页面加载完菜单默认选中的值为2,我一开始的操作如下: <!--html部分--> <select> <option value="1">1</option> <option value="2">2</option> <option value="3">3&l

怎么判断js脚本加载完成

 本篇文章主要是对判断js脚本加载完成的方法进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助 在"按需加载"的需求中,我们经常会判断当脚本加载完成时,返回一个回调函数,那如何去判断脚本的加载完成呢?   我们可以对加载的 JS 对象使用 onload 来判断(js.onload),此方法 Firefox2.Firefox3.Safari3.1+.Opera9.6+ 浏览器都能很好的支持,但 IE6.IE7 却不支持.曲线救国 -- IE6.IE7 我们可以使用 js.onrea

基于JS判断iframe是否加载成功的方法(多种浏览器)_javascript技巧

推荐阅读: JS iFrame加载慢怎么解决 在项目中经常要动态添加iframe,然后再对添加的iframe进行相关操作,而往往iframe还没添加完呢,后边的代码就已经执行完了,所以有些你写的东西根本没有显示出来.这时,我们就要考虑是否可以等iframe加载完后再执行后边的操作,当然,各种浏览器早就为我们考虑到啦,看下面: ie浏览器 IE的每个elem节点都会拥有一个onreadystatechange事件,这个事件每次在elem内容发送变化的时候触发,比如内容正在载入loading会触发,

Jquery实现图片预加载与延时加载的方法_jquery

本文实例讲述了Jquery实现图片预加载与延时加载的方法.分享给大家供大家参考.具体分析如下: 有很多项目经常会需要判断图片加载完成后执行相应的操作,或者需要图片延迟加载,网上虽然已经有很不错的插件,但要为这些效果还得单独加载一个插件的话总感觉有点不舒服,干脆自己写了个方法: 复制代码 代码如下: function loadimg(arr,funLoading,funOnLoad,funOnError){  var numLoaded=0,  numError=0,  isObject=Obje

jQuery Ajax页面局部加载方法汇总_jquery

在jquery中实现ajax加载的方法有很多种,不像以前的js的ajax只有那一种,下面我们介绍jquery ajax实现局部加载方法总结,有需要了解的朋友可参考. 例 $.ajax({ url: "hotelQuery!queryHotelByCity.action", type: "post", dataType: "html", data: "queryHotel.city="+cityobj.value+"&

jquery实现图片预加载_jquery

使用jquery实现图片预加载提高页面加载速度和用户体,本就为大家详细分析jquery图片预加载的实现原理. 什么时候使用图片预加载? 如果页面使用了很多不是最初加载便可见的图片,有必要进行预加载: $.preloadImages = function () { for (var i = 0; i < arguments.length; i++) { $('img').attr('src', arguments[i]); } }; $.preloadImages('img/hover-on.pn