程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> .NET網頁編程 >> ASP.NET >> ASP.NET基礎 >> ASP.NET調用javascript腳本的常見方法小結

ASP.NET調用javascript腳本的常見方法小結

編輯:ASP.NET基礎
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 文件
示例如下:
復制代碼 代碼如下:
<head runat="server">
<script type="text/javascript" src="JScript.js">
</script>
<title>using javascript</title>
</head>

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

3、在後台調用 javascript 函數,函數在.js文件中

前台的head 元素
復制代碼 代碼如下:
<head runat="server">
<script type="text/javascript" src="JScript.js">
</script>
<title>using javascript</title>
</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等,要把轉頁代碼放在腳本裡面
  1. 上一頁:
  2. 下一頁:
Copyright © 程式師世界 All Rights Reserved