1.最常用：使用script標籤的src屬性

<script>標籤包含src屬性，這個屬性可以指定包含js程式碼的檔案路徑，使用示例如下：

1.首先在工程新建一個javascript目錄，在目錄下新建demo.js檔案，檔案內容如下

function show(){
	alert('Hello,JavaScript!');
 }

2.在 工程根目錄下新建demo.html檔案，檔案內容如下

在此留意最後兩行程式碼即可

<h1>我的Flag:</h1>
<h2>不學好前端不改網名</h2>
<img src="https://inspurer.github.io/images/touxiang.jpg">
<p>這裡是正文部分，可以在HTML中修改內容</p>
<button id="btn">進入月小水長的個人部落格</button>
<!--在html引入js程式碼的第一種方式（少）-->
<script>
document.getElementById("btn").onclick = function () {
  // 點按鈕後彈出一個文字，你可以嘗試改變文字內容
window.open("https://inspurer.github.io/");  
}
</script>
<!--在html引入js程式碼的第二種方式（多）-->
<a href="JavaScript:show();">點選我</a>
<script src = "javascript/demo.js"></script>
 

執行效果如下

2 .比較常用：通過<script>標籤內嵌js程式碼

具體可見前兩幅圖，點一下按鈕“月小水長的個人部落格",就打開了一個新的頁面。

3.不常用：使用javascript:URL

這種特殊的協議型別指定URL內容為任意字串，這個字串是會被JavaScript直譯器執行的JavaScript程式碼。它被當作單獨的一行程式碼對待，這意味著語句之間必須用分號隔開，而註釋必須用/**/註釋代替。javascript:URL能識別的資源是轉換成字串的執行程式碼的返回值。如果程式碼返回 undefined，那麼這個資源是沒有內容的。

javascript:URL可以在可以使用常規URL的任意地方：比如<a>標記的href屬性，<form>的action屬性，甚至window.open()方法的引數。

使用示例：第二幅圖的倒數第二行。