通常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 文件
示例如下:
<head runat="server">
<script type="text/javascript" src="kenscript.js">
</script>
<title>using javascript</title>
</head>
之后在body 元素間,通過事件來訪問, 比如要通過button1 的單擊事件(onclientclick)來訪問 javascript 函數的示例如下:
//此時 .js文件中必須有 ShowName 方法
<asp:Button ID="Button1" runat="server" Text="Button" onclientclick="ShowName('伍銳鋒')" />
3、在后台調用 javascript 函數,函數在.js文件中
前台的head 元素
<head runat="server">
<script type="text/javascript" src="kenscript.js">
</script>
<title>using javascript</title>
</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等,要把轉頁代碼放
在腳本里面
