JavaScript程式碼如何使用？如何引入HTML頁面？以下這篇文章就來跟大家介紹一下JavaScript程式碼引入HTML頁面的兩種寫法，希望對大家有幫助。
在學習JavaScript之前我們應該先來了解一下JavaScript程式碼如何使用？下面我們就來看看js程式碼的用法。
我們在使用JavaScript程式碼有兩種寫法：一種是在HTML頁面中直接嵌入js程式碼，另一種是透過連結外部的JavaScript檔案。
我們先來看第一種用法：在HTML頁面中直接嵌入js程式碼
如果在HTML頁面中直接嵌入JavaScript程式碼，我們需要使用<script> 標籤，<script> 和</script> 會告訴JavaScript 在何處開始和結束。
<script> 和</script> 之間的程式碼行包含了JavaScript：
<script>
alert("My First JavaScript");
</script>在HTML頁面的任何位置（head部分body部分body的後面較好）都可以插入script標籤。
你有可能會在 <script> 標籤中看到使用 type="text/javascript"，但是現在已經不必這樣做了。 JavaScript現在已經是所有現代瀏覽器以及 HTML5 中的預設腳本語言。 </p><p>我們來看一個具體的範例<br/></p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:js;toolbar:false"><!DOCTYPE html> <html> <head> </head> <body> <script> document.write("<h1>This is a heading</h1>"); document.write("<p>This is a paragraph</p>"); </script> </body> </html></pre><div class="contentsignin">登入後複製</div></div><p>上述程式碼就是在HTML頁面中直接嵌入js程式碼。 </p><p>接著我們來看看<strong>js程式碼的</strong><strong>第二個用法：透過連結外部的JavaScript檔案。 </strong></p><p>有時JavaScript程式碼過多的話，我們可以將程式碼單獨放在JavaScript檔案中然後連結起來。 </p><p>我們連結外部JavaScript檔案可以有以下步驟<br/></p><p>1、先我們建立一個JavaScript文件，副檔名是.js</p><p>2、然後要寫的js程式碼寫到Js檔中，並儲存檔。 </p><p>3、使用script標籤將JavaScript檔案連結到HTML檔案中</p><p><script type="text/javascript" src="JavaScript檔案名稱與路徑"></script>
要注意一點的是，在一個已經引入外部js檔案的script標籤中，不能在它的開始標籤和結束標籤中寫Js指令了。
我們來看一個具體的範例
我們先建立一個js檔案sample.js
然後寫入js程式碼
document.write("<p>This is a paragraph</p>");最後使用script標籤將JavaScript檔案連結到HTML檔案中
<!DOCTYPE html> <html> <head> </head> <body> <script type="text/javascript" src="sample.js"></script> </body> </html>
以上就是js程式碼使用的兩種方法
以上是JavaScript程式碼如何使用？如何引入HTML頁面？的詳細內容。更多資訊請關注PHP中文網其他相關文章！
