天天看點

(轉)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 函數

示例如下:

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

這時運作項目,單擊 button時,會顯示"您的名稱為XXX"

這就是一個簡單的javascript 函數.

2、在前台通過 js檔案 調用

方法與 (1)一樣 隻不過需要指定 .js 檔案

<script type="text/javascript" src="JScript.js">

//此時 .js檔案中必須有 ShowName 方法

3、在背景調用 javascript 函數,函數在.js檔案中

前台的head 元素

背景的需要添加如下代碼

Button1.Attributes.Add("onclick", "showname1(XXX)");

4、在背景調用 javascript 函數,函數寫在 .js檔案中,但并沒有在前台定義

//獲得.js檔案

string myscript = "JScript.js";

//注冊.js檔案, 如果此時檢視源碼,會得到如下代碼

//<script> src ="JScript.js" type="text/javascript"><script>

Page.ClientScript.RegisterClientScriptInclude("myKey", myscript);

//同上

Button1.Attributes.Add("onclick", "showname1(123)");

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等,要把轉頁代碼放在腳本裡面