如何實現服務器端下頁面動態添加JavaScript腳本

    在System.Web.UI.Page類中包含了RegisterStarupScript()和RegisterClientScriptBlock()兩個方法,使用這兩個方法可以實現向Web頁面動態添加腳本塊,客戶端腳本按運行方式可以分爲兩類:一類是在加載頁面後立即運行,另一類是在發生客戶端事件後才運行.前者的常見示例是打開頁面時立即彈出一個廣告條;後者的常見示例是當用戶單擊莫按鈕時彈出一個消息框.
    RegisterStartupScript()和RegisterClientScriptBlock()兩種方法使用形式如下:

None.gifPage.RegisterStartupScript(string key,string script);
None.gifPage.RegisterClientScriptBlock(string key,string script);
    參數key: 是生成客戶端腳本塊的唯一標識符;
    參數script: 是將要生成的客戶端腳本塊,它是一個字符串類型.
    這兩鍾方法唯一的區別就是生成腳本的位置不同;
  (1)RegisterStarupScript()方法
    使用RegisterStarupScript()方法用於添加需要在加載頁面後立即運行的腳本塊.通過此方法添加的腳本塊位於Web窗體的結尾處,即</form>標籤之前.例如在頁面Page_Load事件中添加如下代碼:
None.gifPage.RegisterStartupScript("key","<script>alert('歡迎您來到本網沾!');</script>");
    執行上面的程序,在IE瀏覽器中選擇"查看"菜單的"源文件"選項,腳本塊生成的位置如如下所示:
None.gif<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
None.gif<HTML>
None.gif    <HEAD>
None.gif        <title>Web22</title>
None.gif        <meta name="GENERATOR" Content="Microsoft Visual Studio .NET 7.1">
None.gif        <meta name="CODE_LANGUAGE" Content="C#">
None.gif        <meta name="vs_defaultClientScript" content="JavaScript">
None.gif        <meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5">
None.gif    </HEAD>
None.gif    <body MS_POSITIONING="GridLayout">
None.gif        <form name="Form1" method="post" action="Web22.aspx" id="Form1">
None.gif<input type="hidden" name="__VIEWSTATE" value="dDwyMTA1NTI4MTE3Ozs+rxjH8qXphIPYQuLSie2igMF+KSU=" />
None.gif     <FONT face="宋體">
None.gif                <input name="TextBox1" type="text" id="TextBox1" style="Z-INDEX: 101; LEFT: 464px; POSITION: absolute; TOP: 48px" /></FONT>
None.gif                <script>alert('歡迎您來到本網站!');</script>
None.gif
None.gif</form>
None.gif    </body>
None.gif</HTML>
    (2)RegisterClientScriptBlock()
    使用RegisterClientScriptBlock()方法生成的腳本塊位於Web頁面的開始處,即"<form runat="server">"標籤之後.例如在頁面Page_Load事件中添加如下代碼:
None.gifPage.RegisterClientScriptBlock("key","<script>alert('歡迎您來到本網站!');</script>");
    編譯程序,打開頁面的源文件代碼,腳本塊生成的位置如下所示.
None.gif<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
None.gif<HTML>
None.gif    <HEAD>
None.gif        <title>Web22</title>
None.gif        <meta name="GENERATOR" Content="Microsoft Visual Studio .NET 7.1">
None.gif        <meta name="CODE_LANGUAGE" Content="C#">
None.gif        <meta name="vs_defaultClientScript" content="JavaScript">
None.gif        <meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5">
None.gif    </HEAD>
None.gif    <body MS_POSITIONING="GridLayout">
None.gif        <form name="Form1" method="post" action="Web22.aspx" id="Form1">
None.gif<input type="hidden" name="__VIEWSTATE" value="dDwyMTA1NTI4MTE3Ozs+rxjH8qXphIPYQuLSie2igMF+KSU=" />
None.gif       
         <script>alert('歡迎您來到本網站!');</script>
    
        <FONT face="宋體">
None.gif                <input name="TextBox1" type="text" id="TextBox1" style="Z-INDEX: 101; LEFT: 464px; POSITION: absolute; TOP: 48px" /></FONT>
None.gif        </form>
None.gif    </body>
None.gif</HTML>
None.gif
    此外Page類還分別爲上述兩個方法提供了輔助方法,它們是IsStartupScriptRegistered(string key)和IsClientScriptBlockRegistered(string key).這兩個方法都接受一個參數Key,並返回一個布爾值,用於標誌關鍵字爲key的腳本塊是否已添加到頁面中.如果腳本塊已經添加到頁面都返回True,否則將返回False.使用這兩個輔助方法可以避免同一腳本塊在同一頁面中重複添加.
    另外一種方式是爲控件添加觸發條件.如果爲一個Button控件添加"onclick"腳本事件,可在服務器使用"Button.Attributes.Add("onclick",函數名)"語句實現.
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章