国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

《javascript高級程序設計》筆記:script元素屬性

since1986 / 1237人閱讀

摘要:高級程序設計摘錄可選。表示通過屬性指定的代碼的字符集。這個屬性并不是必需的,如果沒有指定這個屬性,則其默認值仍為。規范要求腳本按照它們出現的先后順序執行,因此第一個延遲腳本會先于第二個延遲腳本執行,而這兩個腳本會先于事件執行。

《javascript高級程序設計》摘錄:

async:可選。表示應該立即下載腳本,但不應妨礙頁面中的其他操作,比如下載其他資源或 等待加載其他腳本。只對外部腳本文件有效

charset:可選。表示通過 src 屬性指定的代碼的字符集。由于大多數瀏覽器會忽略它的值, 因此這個屬性很少有人用。

defer:可選。表示腳本可以延遲到文檔完全被解析和顯示之后再執行。只對外部腳本文件有效。IE7 及更早版本對嵌入腳本也支持這個屬性。

language:已廢棄。原來用于表示編寫代碼使用的腳本語言(如 JavaScript、JavaScript1.2 或 VBScript)。大多數瀏覽器會忽略這個屬性,因此也沒有必要再用了。

src:可選。表示包含要執行代碼的外部文件。

type:可選。可以看成是 language 的替代屬性;表示編寫代碼使用的腳本語言的內容類型(也稱為 MIME 類型)。這個屬性并不是必需的,如果沒有指定這個屬性,則其默認值仍為 text/javascript。

MIME類型

百度百科解釋:

MIME(Multipurpose Internet Mail Extensions)多用途互聯網郵件擴展類型。是設定某種擴展名的文件用一種應用程序來打開的方式類型,當該擴展名文件被訪問的時候,瀏覽器會自動使用指定應用程序來打開。多用于指定一些客戶端自定義的文件名,以及一些媒體文件打開方式

通俗的將,MIME類型就是告訴瀏覽器用什么程序解析傳遞給他的文件,而前端涉及到MIME類型的也就是與后臺交互時。http 協議中常見的MIME:參考維基百科

text/plain(純文本)

text/html(超文本標記語言)

image/png(PNG圖像)【PHP中為:image/x-png】

application/x-www-form-urlencoded(使用HTTP的POST方法提交的表單)

DOM 文檔的執行順序

兩個屬性都是用來設定外部腳本執行的方式,在詳細講解兩個屬性的區別之前,先看一下DOM文檔的加載順序:

解析HTML結構;

加載外部腳本和樣式表文件;

解析并執行腳本代碼;

DOM樹構建完成;//DOMContentLoaded

加載圖片等外部文件;

頁面加載完畢;//load

由于瀏覽器采用至上而下的方式解析,所以會先解析html,直到遇到外部樣式和外部腳本。這時會阻塞瀏覽器的解析,外部樣式和外部腳本(在沒有async、defer屬性下)會并行加載,但是外部樣式會阻塞外部腳本的執行(查看css和js的阻塞請點擊)。
即:html解析->外部樣式、腳本加載->外部樣式執行->外部腳本執行->html繼續解析

async 和 defer 對比

async和defer屬性決定了js腳本的執行方式,內嵌式的腳本會忽略這兩個屬性

defer:腳本會被延遲到整個頁面都解析完畢后再執行

書中的例子和解釋:



    Example HTML Page
    
    


    

在這個例子中,雖然我們把

在以上代碼中,第二個腳本文件可能會在第一個腳本文件之前執行。因此,確保兩者之間互不依賴 非常重要。指定 async 屬性的目的是不讓頁面等待兩個腳本下載和執行,從而異步加載頁面其他內容。為此,建議異步腳本不要在加載期間修改 DOM。異步腳本一定會在頁面的 load 事件前執行,但可能會在 DOMContentLoaded 事件觸發之前或之后執行

以上內容純粹式學術的的探討和老舊代碼的維護,不介意做過多的糾結。因為我們都會將css外鏈放在head元素內,而將js腳本放在文檔的最后

文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。

轉載請注明本文地址:http://m.specialneedsforspecialkids.com/yun/84698.html

相關文章

  • js高級程序設計-DOM-閱讀筆記

    摘要:節點層次類型和屬性假設我的是一個元素返回至于就是元素的名稱節點關系每個節點都有一個屬性其中保存著一個對象是一個類數組對象這個對象有屬性但不屬于對象會隨著結構變化而變化因為是類數組所以訪問里面的屬性可以使用索引也可以使用方法效果是一樣的 節點層次 ?showImg(https://segmentfault.com/img/bVIl1b?w=646&h=407); node類型-dom1 ...

    mating 評論0 收藏0
  • JavaScript高級程序設計筆記:DOM(十)

    摘要:添加節點后,的新增節點父節點及以前的最后一個子節點的關系指針都會相應地得到更新。插入后成為最后一個子節點插入后成為第一個節點插入到最后一個子節點前面接受兩個參數,要插入的節點和要替換的節點只移除而非替換節點。 Node類型 nodeType以下是一些重要的nodeType的取值:1: 元素element2: 屬性attr3: 文本text8: 注釋comments9: 文檔docume...

    Pluser 評論0 收藏0
  • javascript高級程序設計(第三版)學習摘錄上

    摘要:在這種情況下,函數在停止執行后將返回值。這種用法一般用在需要提前停止函數執行而又不需要返回值的情況下嚴格模式對函數有一些限制不能把函數命名為或不能把參數命名為或不能出現兩個命名參數同名的情況。 把近期看高程這本書做的筆記摘錄整理出來了,總歸對原生javascript理論有了一個比較全面的的認識,這次把書中的一些知識要點摘錄出來了,便于以后查閱的時候有方向,也更有效率!! 第一章、jav...

    leap_frog 評論0 收藏0
  • 談談 <script> 標簽以及其加載順序問題,包含 defer & async

    摘要:標簽加載順序如果要談標簽加載順序問題,首先要談的就是標簽的位置,因為標簽的位置對于加載順序來說有著很重要的影響。例如標簽在以上代碼中,可能由于下載時間比較長,由于兩個標簽都是異步執行,互不干擾,因此可能就會先于執行。 談談 標簽加載順序的問題 這篇文章比較長,如果你耐心讀完了,我會感謝你愿意在這篇文章上花費時間,也希望你有收獲。 其實說起,幾乎搞前端的都知道他的作用:引入 JavaS...

    alexnevsky 評論0 收藏0

發表評論

0條評論

since1986

|高級講師

TA的文章

閱讀更多
最新活動
閱讀需要支付1元查看
<