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

JavaScript013

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

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

用JQ自带的AJAX来动态加载你想要的JS文件

$.getScript("这是你的JS名字.js", function(){

  alert("这是JS加载完了成功的回调函数")

})

这是动态加载的JS文件，ajax必须要有环境才能运行

以上我们通过检测jQuery函数是否已定义，这是一个比较安全可靠的方法，因为当你加载jQuery.js后，可能会再加载

prototype

.js或mootools.js等，其中可能会

重定义

$()函数,

检测$()函数是否存在将会不准确。