1. 程式人生 > >ASP.NET CS檔案中輸出JavaScript指令碼的3種方法以及區別

ASP.NET CS檔案中輸出JavaScript指令碼的3種方法以及區別

Response.Write 與   Page.ClientScript.RegisterStartupScript 與 Page.ClientScript.RegisterClientScriptBlock 之間的區別

方法1,使用Response.Write,這種方法會把JS程式碼寫在頁面的最頂部(<html>的前面):
System.Web.HttpContext.Current.Response.Write("<script language=javascript>alert('JS程式碼');</script>");

方法2,使用RegisterStartupScript,這種方法會把JS程式碼嵌入在頁面的底部、表單的最後 (</form>前面),適用於要在頁面控制元件載入完成後執行的JS程式碼 :
System.Web.UI.Page page = (System.Web.UI.Page)System.Web.HttpContext.Current.Handler;
if (!page.ClientScript.IsStartupScriptRegistered(page.GetType(),"clientScript"))
    page.ClientScript.RegisterStartupScript(page.GetType(), "clientScript", "<script language=javascript>alert('JS程式碼');</script>");

方法3,使用RegisterClientScriptBlock,這種方法會把JS程式碼嵌入在頁面的頂部、表單的最前 (<form>後面),適用於要在控制元件載入前執行的JS程式碼,類似於上面的Response.Write方式 :
System.Web.UI.Page page = (System.Web.UI.Page)System.Web.HttpContext.Current.Handler;
if (!page.ClientScript.IsClientScriptBlockRegistered(page.GetType(),"clientScript"))
    page.ClientScript.RegisterClientScriptBlock(page.GetType(), "clientScript", "<script language=javascript>alert('JS程式碼');</script>");

那麼,方法2和方法3之間有何不同呢?主要區別在於,RegisterStartupScript 方法是將 JavaScript 嵌入到 ASP.NET 頁面的底部,恰好位於關閉元素 </form> 的前面。RegisterClientScriptBlock 方法是將 JavaScript 嵌入到頁面中開啟元素 <form> 的緊後面。那麼,這有何不同呢?正如我們將要看到的,這有很大的不同。

就此列舉一例,以下是在頁面載入到瀏覽器時,將焦點置於該頁面上的一個文字框中的方法 - 使用利用了RegisterStartupScript 方法的 Visual Basic:

<span style="color: rgb(255, 0, 0);">Page.ClientScript.RegisterStartupScript(Me.GetType(), "Testing", _   "document.forms[0]['TextBox1'].focus();", True)</span>

由於在瀏覽器執行到頁面底部並執行此小段 JavaScript 時,就已生成了頁面上的文字框,並已將其放到了頁面中,因此,此方法執行正常。但是,如果不按照上述方法,而編寫如下程式碼(使用 RegisterClientScriptBlock 方法):

<span style="color: rgb(255, 0, 0);">Page.ClientScript.RegisterClientScriptBlock(Me.GetType(), "Testing", _  "document.forms[0]['TextBox1'].focus();", True)</span>

文字框控制元件將不會獲得焦點,且會在頁面上生成一個 JavaScript 錯誤   

轉載自:http://blog.csdn.net/alexxzr/article/details/5073782