在html中添加script指令碼的方法和注意事項

來源:互聯網
上載者:User

標籤:htm   檔案   解析   pre   使用   地址   log   body   解譯器   

在html中添加script指令碼有兩種方法,直接將javascript代碼添加到html中與添加外部js檔案,這兩種方法都比較常用,大家可以根據自己需要自由選擇

在html中添加<script>指令碼的方法:

1、可以直接將javascript代碼添加到html中

 <script type="text/javascript"> //javascritp代碼 </script> 

當解譯器嵌入<script>代碼時,html頁面的處理也會被暫時停止。

2、添加外部js檔案

 <script type="text/javascript" src="外部.js代碼的地址"></script> 

注意事項:
① 在XHTML文檔中,可以省略</script>標籤,例如: 

 <script type="text/javascript" src="example.js" /> 

但是在html中不能省略</script>標籤,這種標籤不符合HTML規範,所以得不到某些瀏覽器的正確解析。

② 最好將<script>標籤放在</body>標籤之前,這樣能使瀏覽器更快的載入頁面。

③在使用<script>嵌入JavaScript代碼時,不要在代碼中的任何地方出現“</script>”字串。例如,瀏覽器載入下面的代碼就會產生錯誤: 

 <script type="text/javascript"> function function1(){ alert("</script>"); } 

因為按照解析嵌入式代碼的規則,當瀏覽器遇到字串“</script>”時,就會認為那是結束的</script>標籤。如果想在代碼中添加</script>字串,可以寫成<\/script>

在html中添加script指令碼的方法和注意事項

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在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.