jquery跟js初始化加載的多種方法及區(qū)別介紹

jquery是等待頁面加載完數(shù)據(jù)，以及頁面部分元素；js是頁面全部加載完成才執(zhí)行初始化加載，具體示例祥看本文

創(chuàng)新互聯(lián)公司主營黎平網(wǎng)站建設(shè)的網(wǎng)絡(luò)公司,主營網(wǎng)站建設(shè)方案,app軟件定制開發(fā),黎平h5成都小程序開發(fā)搭建,黎平網(wǎng)站營銷推廣歡迎黎平等地區(qū)企業(yè)咨詢

jquery和js初始化加載頁面的區(qū)別：

jquery：等待頁面加載完數(shù)據(jù)，以及頁面部分元素（不包括圖片、視頻），

js：是頁面全部加載完成才執(zhí)行初始化加載。

1、jQuery

頁面加載初始化的方法有3種

，頁面在加載的時(shí)候都會執(zhí)行腳本,

第一種(比較常用)：

代碼如下:

$.function(){

alert("第一種方法");

});

第二種：

復(fù)制代碼

代碼如下:

$(document).ready(function(){

alert("第二種方法");

});

第三種：

代碼如下:

jQuery(function($){

alert("第三種方法");

});

2、js初始化加載的方法

第一種：

代碼如下:

window.onload=function(){

alert("初始化加載");

};

第二種：

(winOnload

此方法名自定義)

代碼如下:

function

winOnload()

{

alert("初始化加載");

};

winOnload();

注意：

由于jquery使用$符號，和有些組件例如dwr就有沖突，為了解決這個(gè)問題，可以使用

代碼如下:

var

ace=jQuery.noConflict();

怎樣用jquery在div中加載頁面

使用jquery中的load事件。

load事件可以載入遠(yuǎn)程 HTML 文件代碼并插入至 DOM 中。默認(rèn)使用 GET 方式 - 傳遞附加參數(shù)時(shí)自動轉(zhuǎn)換為 POST 方式。

參數(shù)url,[data,[callback]]

url:待裝入 HTML 網(wǎng)頁網(wǎng)址。

data:發(fā)送至服務(wù)器的 key/value 數(shù)據(jù)。在jQuery 1.3中也可以接受一個(gè)字符串了。

callback:載入成功時(shí)回調(diào)函數(shù)。

例子$("#test").load("index.html");在元素test中載入index頁面

jQuery如何實(shí)現(xiàn)頁面加載完畢再去執(zhí)行代碼

通過以下方案解決：

解決方案一:

$(document).ready(function(){//代碼})

解決方案二:

$(function(){//代碼});

解決方案三:

jQuery(document).ready(function(){//代碼})

解決方案四:

window.onload=function(){//代碼}

解決方案五:

將jquery代碼放入body的后面，這樣也會實(shí)現(xiàn)相同的效果。

jQuery是一個(gè)快速、簡潔的JavaScript框架，是繼Prototype之后又一個(gè)優(yōu)秀的JavaScript代碼庫（或JavaScript框架）。jQuery設(shè)計(jì)的宗旨是“write Less，Do More”，即倡導(dǎo)寫更少的代碼，做更多的事情。它封裝JavaScript常用的功能代碼，提供一種簡便的JavaScript設(shè)計(jì)模式，優(yōu)化HTML文檔操作、事件處理、動畫設(shè)計(jì)和Ajax交互。

jQuery的核心特性可以總結(jié)為：具有獨(dú)特的鏈?zhǔn)秸Z法和短小清晰的多功能接口；具有高效靈活的css選擇器，并且可對CSS選擇器進(jìn)行擴(kuò)展；擁有便捷的插件擴(kuò)展機(jī)制和豐富的插件。jQuery兼容各種主流瀏覽器，如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。

參考資料

百度百科.百度百科[引用時(shí)間2018-1-12]

jquery怎么判斷頁面加載完全

jquery加載頁面的方法，即：頁面加載完成就執(zhí)行，有如下幾種：

1、jQuery的$(document).ready

$(document).ready(function(){

$("#a").click(function(){

//adding your code here

});

});

就僅僅只需要加載所有的DOM結(jié)構(gòu)，在瀏覽器把所有的HTML放入DOM tree之前就執(zhí)行js效果。包括在加載外部圖片和資源之前。

2、ready事件的簡寫方法

$(function(){

$("#a").click(function(){

//adding your code here

});

});

此方法就僅僅只需要加載所有的DOM結(jié)構(gòu)，在瀏覽器把所有的HTML放入DOM tree之前就執(zhí)行js效果。包括在加載外部圖片和資源之前，是ready的簡寫方式

3、window的onload事件

window.onload = function(){

$("#a").click(function(){

//adding your code here

});

}

這段代碼會在整個(gè)頁面的document全部加載完成以后執(zhí)行。這種方式不僅要求頁面的DOM tree全部加載完成，而且要求所有的外部圖片和資源全部加載完成。如果外部資源，例如圖片需要很長時(shí)間來加載，那么這個(gè)js效果就會讓用戶感覺失效了。

怎么重新加載頁面使用jquery

為是重新加載頁面或刷新頁面使用jquery，你可以使用location.reload()命令，

以下是代碼：

html

head

titleRefresh a page in jQuery/title

scripttype="text/javascript"src="jquery-1.3.2.min.js"/script

/head

body

buttonid="PageRefresh"Refresh a Page in jQuery/button

scripttype="text/javascript"

$('#PageRefresh').click(function() {

location.reload();

});

/script

/body

/html

當(dāng)前名稱：jquery頁面加載,jquery頁面加載完成后執(zhí)行
標(biāo)題網(wǎng)址：http://chinadenli.net/article43/dsiohhs.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站收錄、做網(wǎng)站、網(wǎng)站導(dǎo)航、ChatGPT、微信小程序、

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)