defer屬性導(dǎo)致引用JQuery的頁面報(bào)“瀏覽器無法打開網(wǎng)站xxx,操作被中止”錯(cuò)誤的解決方法

將所有的js腳本都使用“<!-- -->”標(biāo)記注釋掉(這樣雖然會(huì)導(dǎo)致問題,但至少可以瀏覽此頁面)。逐個(gè)檢查后發(fā)現(xiàn)了問題所在:
<script src="Jquery/DatePicker/WdatePicker.js" type="text/javascript"></script>
是這行語句引起的問題,注釋此行后頁面就能正常瀏覽了。
查詢發(fā)現(xiàn)是引用的js腳本操作了某個(gè)尚未載入的頁面元素,這樣就很好解決問題,為<script>腳本添加”defer”屬性之后,頁面可以正常瀏覽了。
<script defer="defer" src="Jquery/DatePicker/WdatePicker.js" type="text/javascript"></script>
參考資料:
Script中的Defer屬性
如果你是一個(gè)對(duì)系統(tǒng)性能比較關(guān)心和在意的人,我想你應(yīng)該會(huì)對(duì)Script腳本中的defer屬性感興趣的。
script中的defer屬性默認(rèn)情況下是false的。按照DHTML編程寶典中的描述,對(duì)于Defer屬性是這樣寫的:
Using the attribute at design time can improve the download performance of a page because the browser does not need to parse and execute the script and can continue downloading and parsing the page instead.
也就是說:如果是編寫腳本的時(shí)候加入defer屬性,那么瀏覽器在下載腳本的時(shí)候就不必立即對(duì)其進(jìn)行處理,而是繼續(xù)對(duì)頁面進(jìn)行下載和解析,這樣會(huì)提高下載的性能。
這樣的情況有很多種。比如你定義了很多javascript變量,或者在引用文件(.inc)中寫了很多的腳本需要處理,那不妨在這些腳本中加入defer屬性,對(duì)性能的提高肯定有所幫助。
舉例如下:
<script language="javascript" defer>
var object = new Object();
....
</script>
因?yàn)閐efer屬性默認(rèn)是為false的,那么在這里<script language="javascript" defer>顯式聲明defer屬性后等同于<script language="javascript" defer=true>
聲明了defer屬性之后,需要判斷是否有別的變量引用了defer腳本塊中的變量,否則的話會(huì)導(dǎo)致腳本錯(cuò)誤的產(chǎn)生。
我抬頭仰望,星星給予仰望者光芒……
相關(guān)文章
ES6基礎(chǔ)之解構(gòu)賦值(destructuring assignment)
這篇文章主要介紹了ES6基礎(chǔ)之解構(gòu)賦值(destructuring assignment),小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2019-02-02js采用map取到id集合組并且實(shí)現(xiàn)點(diǎn)擊一行選中一行
本文為大家介紹下如何使用js采用map取到id集合組,并且點(diǎn)擊一行選中一行2013-12-12微信小程序調(diào)用PHP后臺(tái)接口 解析純html文本
這篇文章主要為大家詳細(xì)介紹了微信小程序調(diào)用PHP后臺(tái)接口,解析純html文本的相關(guān)資料,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-06-06在JavaScript中模擬類(class)及類的繼承關(guān)系
眾所周知,JavaScript中沒有類,然而我們卻可以動(dòng)手實(shí)現(xiàn)一個(gè)擁有繼承特性的類,所以接下來我們要討論的便是在JavaScript中模擬類(class)及類的繼承關(guān)系:2016-05-05跟我學(xué)習(xí)JScript的Bug與內(nèi)存管理
跟我學(xué)習(xí)JScript的Bug與內(nèi)存管理,小編對(duì)JScript的Bug與內(nèi)存管理也不甚了解,所以整理了本篇文章,希望可以解決大家學(xué)習(xí)時(shí)的困擾。2015-11-11對(duì) lightbox JS 圖片控件進(jìn)行了一下改造, 使其他支持復(fù)雜的圖片說明
如果要為圖片添加詳細(xì)的圖片說明,并為圖片的說明設(shè)置一些格式,如字體的大小、顏色等,那么使用 title 這個(gè)屬性來設(shè)置這些說明信息是沒辦法實(shí)現(xiàn)的。2010-03-03用XMLDOM和ADODB.Stream實(shí)現(xiàn)base64編碼解碼實(shí)現(xiàn)代碼
用 XMLDOM 和 ADODB.Stream 實(shí)現(xiàn)base64編碼解碼實(shí)現(xiàn)代碼,需要的朋友可以參考下。2010-11-11JavaScript編程中容易出BUG的幾點(diǎn)小知識(shí)
這篇文章主要介紹了JavaScript編程中容易出BUG的幾點(diǎn)小知識(shí),本文總結(jié)了8條小知識(shí),這些小知識(shí)如果弄不明白,會(huì)在編程中給你惹麻煩出BUG,需要的朋友可以參考下2015-01-01