通常javascript代碼可以與HTML标簽一起直接放在前 端頁面中，但如果JS代碼多的話一方面不利于維護，另一方面也對搜尋引擎不友好，因為頁面是以而變得臃腫；是以一般有良好開發習慣的程式員都會把 javascript代碼放到獨立的js檔案中，其他頁面通過引入該js檔案來使用相應的 javascript代碼。
用如下方法引用JS檔案：<script src="script/admin.js" type="text/javascript"></script>。
ASP.NET本身就提供了多種調用javascript腳本的方法，筆者在這裡總結了六種調用方法，大家可以根據自己的使用習慣選擇相應的調用方式了！
1、直接在前台頁面調用自定義的javascript 函數：
很簡單,在 head 元素之間加入 script 元素,将 type 元素設定為 " text/javascript "
如:
<head runat="server">
<script type="text/javascript" >
function ShowName(str)
{
alert("十萬個為什麼的站長是:("+str+")");
}
</script>
<title>using javascript</title>
</head>
之後在body 元素間,通過事件來通路，比如要通過button1 的單擊事件(onclientclick)來通路 javascript 函數的ShwoName()的示例如下:
<asp:Button ID="Button1" runat="server" Text="Button" onclientclick="ShowName('伍銳鋒')" />
這時運作項目,單擊 button時,會顯示"十萬個為什麼 ,的站長是：伍銳鋒"這就是在前端頁面直接定義及調用javascript函數.
2、在前台通過引入js檔案來調用相應的函數：
方法與（1）一樣，隻不過需要指定要調用的js 檔案
示例如下:
<script type="text/javascript" src="kenscript.js">
之後在body 元素間,通過事件來通路, 比如要通過button1 的單擊事件(onclientclick)來通路 javascript 函數的示例如下:
//此時 .js檔案中必須有 ShowName 方法
3、在背景調用 javascript 函數,函數在.js檔案中
前台的head 元素
背景的需要添加如下代碼
Button1.Attributes.Add("onclick", "showname1(‘伍銳鋒’)");
4、在背景調用 javascript 函數,函數寫在對應的js檔案中,但并沒有在前台定義，示例如下：
//獲得.js檔案
string myscript = "kenscript.js";
//注冊.js檔案
Page.ClientScript.RegisterClientScriptInclude("myKey", myscript);
如果此時檢視源碼,會得到如下代碼
//<script src ="kenscript.js" type="text/javascript"><script>
//同上
Button1.Attributes.Add("onclick", "showname1('伍銳鋒')");
5. 用Response.Write方法寫入腳本
比如在你單擊按鈕後，先操作資料庫，完了後顯示已經完成，可以在最後想調用的地方寫上
Response.Write("<script type='text/javascript'>alert("操作完成！");</script>");
不過呢，這個方法有個缺陷就是不能調用腳本檔案中的自定義的函數，隻能調用内部函數，具體調
用自定義的函數隻能在Response.Write寫上函數定義，比如Response.Write("<script
type='text/javascript'>function myfun(){...}</script>");
6.用ClientScript類動态添加腳本
用法如下：在想調用某個javascript腳本函數的地方添加代碼，注意要保證MyFun已經在腳本檔案
中定義過了。
ClientScript.RegisterStartupScript(ClientScript.GetType(), "myscript", "<script>MyFun();</script>");
這個方法比Response.Write更友善一些，可以直接調用腳本檔案中的自定義函數，不過跟前面幾種
相比沒那麼簡潔直覺。
注意，以上所有方法中，背景代碼都不能有轉化目前頁的代碼，比如Redirect等，要把轉頁代碼放
在腳本裡面
![vue搭建過程及出現問題[圖]](data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=)