在html5中可以直接在頁面中嵌入JavaScript程式碼和包含外部JavaScript文件,嵌入腳本的語法是“<script></script>”,外部腳本的語法是「」。
在html5中可以透過<script>標籤以兩種方式(嵌入腳本和外部腳本)來使用js程式碼。下面這篇文章跟大家介紹一下,希望對大家有幫助。 </p> <p><span style="font-size: 18px;"><strong>在html5中使用js的兩種方法:</strong></span><br></p> <p>#使用<script>標籤的方式有兩種:直接在頁面中嵌入JavaScript程式碼和包含外部JavaScript檔案;瀏覽器都會按照<script>元素在頁面中出現的先後順序對它們依序進行解析。 </p> <p><strong>嵌入腳本:</strong></p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"><script> //js代码 </script></pre><div class="contentsignin">登入後複製</div></div><p><strong>外部腳本:</strong></p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"><script src="外部js脚本文件"></script></pre><div class="contentsignin">登入後複製</div></div><p>##外腳本的優點: <strong></strong></p> ● 可維護性<p></p> ● 可快取:瀏覽器能夠根據特定的設定快取連結的所有外部JavaScript 檔案<p></p> ● 適應未來<p></p><p> <span style="font-size: 18px;">#<script> 標籤<strong></strong></span><br/></p>向HTML頁面中插入JavaScript的主要方法,就是使用<script>元素。 <p></p><p><script>元素有兩個常用的屬性:<strong></strong><br/></p>#● src:表示包含要執行程式碼的外部檔案。如果要透過<script>元素來包含外部JavaScript文件,那麼src屬性就是必需的。這個屬性的值是一個指向外部JavaScript檔案的連結。 <p></p><p>註:<strong>帶有src屬性的<script>元素不應該在其<script>和<script>標籤之間再 包含額外的JavaScript程式碼。如果包含了嵌入的程式碼,則只會下載並執行外部腳本文件,嵌入的程式碼會被忽略。透過<script>元素的 src 屬性也可以包含外部網域的 JavaScript 檔案。 </strong></p>範例:<p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"><script src="example.js"></script> <script src="http://www.php.cn/js/example.js"></script></pre><div class="contentsignin">登入後複製</div></div>● type:規定腳本的MIME型別。 type屬性標示 <script>與</script>標籤之間的內容。
說明:MIME類型包括兩個部分:media type 和 subtype。對於JavaScript,MIME 類型是 “text/javascript”。
註:在 HTML5中,type屬性不再是必要的。預設值是”text/javascript”。 JavaScript是HTML5,以及所有現代瀏覽器中的,預設腳本語言。
相關影片教學推薦:《