首頁 > web前端 > 前端問答 > HTML引進外部javascript是什麼屬性

HTML引進外部javascript是什麼屬性

青灯夜游
發布: 2021-06-30 18:25:15
原創
3276 人瀏覽過

HTML引入外部javascript是script標籤的src屬性,該屬性規定外部腳本檔案的URL;語法「

HTML引進外部javascript是什麼屬性

本教學操作環境:windows7系統、HTML5&&javascript1.8.5版、Dell G3電腦。

HTML引入外部javascript是script標籤的src屬性。

<script> 標籤用於定義客戶端腳本,例如 JavaScript。 </script>

script 元素既可以包含腳本語句,也可以透過 src 屬性指向外部腳本檔案。

有時,我們需要在網站的多個頁面中執行 JavaScript。不需要重複編寫相同的腳本,只需在單獨的檔案中建立 JavaScript,並以 .js 為後綴儲存,然後使用 <script> 標籤中的 src 屬性引用該檔案即可。 </script>

語法

<script type="text/javascript" src="value"></script>
登入後複製
#描述
URL

外部腳本的URL。可能的值有:

  • 絕對URL - 指向其他網站(例如src="www.example.com/example.js")
  • 相對URL - 指向網站內的文件(例如src="/scripts/example.js")

範例:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<script type="text/javascript" src="demo.js" ></script>
</body>
</html>
登入後複製

輸出:

HTML引進外部javascript是什麼屬性

說明:

一旦<script>標籤使用了src屬性,它就作為一個引用外部檔案而非編輯頁面內部的腳本的元素。也就是說,使用src表示該元素適用於引用一個外部 Javascript 文件,且不是為了在頁面中插入一段 Javascript 腳本。 </p><p>這表明,不應當也無必要(而且無用)在使用了src屬性的<script>標籤中再插入程式碼。這會引起不可預測的結果,並且,至少在大多數瀏覽器中,這沒有實際效果。假如在本文實例中加入下列程式碼:</p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:js;toolbar:false">&lt;script src=&quot;demo_script_src.js&quot;&gt; document.write(&quot;这个输出的内容来自本文件的 Javascript。&quot;); &lt;/script&gt;</pre><div class="contentsignin">登入後複製</div></div><p>它可能會正常解析src屬性所引用的 Javascript 文件,但可能不會執行任何直接在<script>標籤內編輯的程式碼。顯然,<script>的許多特殊性質(例如它的部分只能用於外部文件的屬性)決定了,不可能再正常執行引用的外部文件的同時又兼顧其中直接編輯的內容。 </script>

【相關推薦:javascript學習教學

#

以上是HTML引進外部javascript是什麼屬性的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板