2、在HTML中使用JavaScript

時間 2019-11-11

標籤 html 使用 javascript 欄目 HTML 简体版

原文原文鏈接

做者：汪嬌嬌html

時間：2017年11月4日瀏覽器

1、<script>標籤

一、標籤的位置

</body>以前緩存

二、延遲腳本

defer服務器

三、異步腳本

async異步

四、defer 和async 的區別

defer屬性可讓腳本在文檔徹底呈現以後再執行，延遲腳本老是按照指定它們的順序執行。async

saync屬性能夠表示當前腳本沒必要等待其餘腳本，也沒必要阻塞文檔呈現，不過不能保證異步腳本按照它們在頁面中出現的順序執行。spa

2、嵌入代碼與外部文件

外部文件的好處：htm

可維護、可緩存、適應將來ip

3、文檔模式

h5：<!DOCTYPE html>文檔

4、<noscript>元素

使用<noscript>元素能夠指定在不支持腳本的瀏覽器中顯示的替代內容。

5、小結

把 Javascript插入到HTML頁面中要使用<script>元素。使用這個元素能夠把 Javascript嵌入到HTML頁面中，讓腳本與標記混合在一塊兒；也能夠包含外部的 Javascript文件。而咱們須要注意的地方有：

一、在包含外部 Javascript文件時，必須將src屬性設置爲指向相應文件的URL。而這個文件既能夠是與包含它的頁面位於同一個服務器上的文件，也能夠是其餘任何域中的文件。

二、全部<script>元素都會按照它們在頁面中出現的前後順序依次被解析。在不使用 defer和 async屬性的狀況下，只有在解析完前面<script>元素中的代碼以後,纔會開始解析後面<script>元素中的代碼。

三、因爲瀏覽器會先解析完不使用 defer屬性的<script>元素中的代碼，而後再解析後面的內容，因此通常應該把<script>元素放在頁面最後，即主要內容後面，</body>標籤前面。

四、使用defer屬性可讓腳本在文文檔徹底全是現以後再執行，延遲腳本老是按照指定它們的順序執行。

五、使用async屬性能夠表示當前腳本沒必要等待其餘腳本，也沒必要阻塞文檔呈現。不能保證異步腳本按照它們在頁面中出現的順序執行。

另外，使用<noscript>元素能夠指定在不支持腳本的瀏覽器中顯示的替代內容。但在啓用了腳本的狀況下,瀏覽器不會顯示<noscript>元素中的任何內容。

相關標籤/搜索

html+javascript

javascript+html

html+css+javascript+html

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。