ASP.NET調(diào)用javascript腳本的常見方法小結(jié)

更新時(shí)間：2009年12月16日 22:59:42 作者：

ASP.NET本身就提供了多種調(diào)用javascript腳本的方法，本文總結(jié)了六種調(diào)用方法，大家根據(jù)自己的使用習(xí)慣可以選擇相應(yīng)的調(diào)用方式了！

1、直接在前臺(tái)調(diào)用 javascript 函數(shù)

很簡(jiǎn)單,在 head 元素之間加入 script 元素,將 type 元素設(shè)置為 " text/javascript "
如:

 
<head runat="server"> 
<script type="text/javascript" > 
function ShowName(str) 
{ 
alert("您的名字為:("+str+")"); 
} 
</script> 
<title>using javascript</title> 
</head> 

之后在body 元素間,通過事件來訪問如要通過button1 的單擊事件(onclientclick)來訪問 javascript 函數(shù)
示例如下:

復(fù)制代碼代碼如下:

 
<asp:Button ID="Button1" runat="server" Text="Button" onclientclick="ShowName('XXX')" /> 

這時(shí)運(yùn)行項(xiàng)目,單擊 button時(shí),會(huì)顯示"您的名稱為XXX"
這就是一個(gè)簡(jiǎn)單的javascript 函數(shù).

2、在前臺(tái)通過 js文件調(diào)用

方法與（1）一樣只不過需要指定 .js 文件
示例如下:

復(fù)制代碼代碼如下:

 
<head runat="server"> 
<script type="text/javascript" src="JScript.js"> 
</script> 
<title>using javascript</title> 
</head> 

之后在body 元素間,通過事件來訪問如要通過button1 的單擊事件(onclientclick)來訪問 javascript 函數(shù)
示例如下:
//此時(shí) .js文件中必須有 ShowName 方法
<asp:Button ID="Button1" runat="server" Text="Button" onclientclick="ShowName('XXX')" />

3、在后臺(tái)調(diào)用 javascript 函數(shù),函數(shù)在.js文件中

前臺(tái)的head 元素

復(fù)制代碼代碼如下:

 
<head runat="server"> 
<script type="text/javascript" src="JScript.js"> 
</script> 
<title>using javascript</title> 
</head> 

后臺(tái)的需要添加如下代碼
Button1.Attributes.Add("onclick", "showname1(XXX)");

4、在后臺(tái)調(diào)用 javascript 函數(shù),函數(shù)寫在 .js文件中,但并沒有在前臺(tái)定義

復(fù)制代碼代碼如下:

 
//獲得.js文件 
string myscript = "JScript.js"; 
//注冊(cè).js文件, 如果此時(shí)查看源碼,會(huì)得到如下代碼 
//<script> src ="JScript.js" type="text/javascript"><script> 
Page.ClientScript.RegisterClientScriptInclude("myKey", myscript); 
//同上 
Button1.Attributes.Add("onclick", "showname1(123)"); 

5. 用Response.Write方法寫入腳本

比如在你單擊按鈕后，先操作數(shù)據(jù)庫(kù)，完了后顯示已經(jīng)完成，可以在最后想調(diào)用的地方寫上
Response.Write("<script type='text/javascript'>alert();</script>");
這個(gè)方法有個(gè)缺陷就是不能調(diào)用腳本文件中的自定義的函數(shù)，只能調(diào)用內(nèi)部函數(shù)，具體調(diào)用自定義的函數(shù)只能在Response.Write寫上函數(shù)定義，比如Response.Write("<script type='text/javascript'>function myfun(){...}</script>");

6.用ClientScript類動(dòng)態(tài)添加腳本

用法如下：在想調(diào)用某個(gè)javascript腳本函數(shù)的地方添加代碼，注意要保證MyFun已經(jīng)在腳本文件中定義過了。
ClientScript.RegisterStartupScript(ClientScript.GetType(), "myscript", "<script>MyFun();</script>");
這個(gè)方法比Response.Write更方便一些，可以直接調(diào)用腳本文件中的自定義函數(shù)。
注意，以上所有方法中，后臺(tái)代碼都不能有轉(zhuǎn)化當(dāng)前頁的代碼，比如Redirect等，要把轉(zhuǎn)頁代碼放在腳本里面

您可能感興趣的文章: