首頁 > web前端 > html教學 > 在html中加入script腳本的2種方法和注意事項說明

在html中加入script腳本的2種方法和注意事項說明

高洛峰
發布: 2017-03-08 15:35:01
原創
2260 人瀏覽過

在html中加入script腳本有兩種方法,直接將javascript程式碼加入html與新增外部js文件,這兩種方法都比較常用,大家可以依照自己需要自由選擇在html中添加<script>腳本的方法:<br><br></strong><span style="color:#ff0000">1、可以直接將javascript程式碼加入html</span><strong> <br></strong></p> <p>#程式碼如下:</p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:js;toolbar:false;">&lt;script type=&quot;text/javascript&quot;&gt; //javascritp代码 &lt;/script&gt;</pre><div class="contentsignin">登入後複製</div></div><p><br/>當解譯器嵌入<script>程式碼時,html頁面的處理也會暫時停止。 <br/><br/><span style="color:#ff0000">2、新增外部js檔案</span><strong> <br/></strong></p><p>#程式碼如下:</p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:js;toolbar:false;">&lt;script type=&quot;text/javascript&quot; src=&quot;外部.js代码的地址&quot;&gt;&lt;/script&gt;</pre><div class="contentsignin">登入後複製</div></div><p><br/><strong>注意事項:<br/></strong>① 在 XHTML文件中,可以省略</script>標籤,例如:

程式碼如下:

<script type="text/javascript" src="example.js" />
登入後複製


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

② 最好將<script>標籤放在</body>標籤之前,這樣能使瀏覽器更快的載入頁面。 <br/><br/>③在使用<script>嵌入JavaScript程式碼時,不要在程式碼中的任何地方出現「</script>」字串。例如,瀏覽器載入下面的程式碼就會產生錯誤:

#程式碼如下:

<script type="text/javascript"> 
function function1(){ 
alert("</script>"); 
}
登入後複製


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

以上是在html中加入script腳本的2種方法和注意事項說明的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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