在HTML中使用javascript

來源:互聯網
上載者:User

標籤:

  1. 使用<script>元素
  2. 嵌入指令碼和外部指令碼
  3. 考慮禁用javascript的瀏覽器情境

      把javascript插入到HTML頁面中要使用<script>元素。使用這個元素可以把javascript嵌入到HTML頁面中,讓指令碼與標記混合在一起。也可以包含外部的javascript檔案。而我們需要注意的地方有:

  • 在包含外部javascript檔案時,必須將src屬性設定為指向回應檔的URL。而這個檔案既可以是與包含它的頁面位於同一個伺服器上的檔案,也可以是其他任何域中的檔案。
  • 所有<script>元素都會按照它們在頁面中出現的先後順序依次被解析。在不使用defer和async屬性的情況下,只有在解析完前面<script>元素中的代碼後,才會開始解析後面<script>元素中的代碼。
  • 猶豫瀏覽器會先解析完不使用defer屬性的<script>元素中的代碼,然後在解析後面的內容,所以應該把<script>元素放在頁面最後,即主要內容後面,</body>標籤前面。
  • 使用defer屬性可以讓指令碼在文檔完全呈現之後再執行。延遲指令碼總是按照指定他們的順序執行。
  • 使用async屬性可以表示當前指令碼不必等待其他指令碼,也不必阻塞文檔呈現。不能保證非同步指令碼按照他們在頁面中出現的順序執行。

 

     另外,在使用<noscript>元素可以指定在不支援指令碼的瀏覽器中顯示代替的內容,但在啟用了指令碼的情況下,瀏覽器是不會顯示<noscript>元素中的任何內容的。

在HTML中使用javascript

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.