RegisterClientScriptBlock與RegisterStartupScript的區別

來源:互聯網
上載者:User
RegisterClientScriptBlock、RegisterStartupScript 都是註冊一個指令碼塊。

ClientScript.RegisterClientScriptBlock(this.GetType(), "script1", "alert(1);", true);
ClientScript.RegisterStartupScript(this.GetType(), "script1", "alert(2);", true);

它們的區別就是 RegisterClientScriptBlock 是註冊在 body 最前面,而 RegisterStartupScript 是註冊在 body 最後面。

為什麼這樣呢?一些最佳化效能的文章說,script 要放在 body 最後載入,但根據一些應用的實際情況,必須得在最初載入 script,這時就得用 ClientScript.RegisterStartupScript 了。

說說他們的第二個參數 key。

第二個參數 key 是用來避免重複註冊的,上面代碼,他們的 key 都是 script1,但不會衝突,因為方法名稱都不相同。

下面代碼都是 RegisterStartupScript,第二句就不會有任何輸出,因為之前已經註冊過一個 script1 的指令碼了。

ClientScript.RegisterStartupScript(this.GetType(), "script1", "alert(2);", true);
ClientScript.RegisterStartupScript(this.GetType(), "script1", "alert(3);", true);
ClientScript.RegisterStartupScript(this.GetType(), "script2", "alert(4);", true);

雖然,Response.Write 可以輸出 JavaScript,但輸出的內容是在 <html> 之前,這會導致一些問題,比如樣式表失效,甚至會導致一些脆弱的瀏覽器發生錯誤。

ClientScript 則可以方便地管理 JavaScript,應該說 ClientScript.RegisterClientScriptBlock 與 ClientScript.RegisterStartupScript 只有一點區別,那就是 RegisterClientScriptBlock 將指令碼代碼寫在 <form> 之後,而 RegisterStartupScript 將代碼寫在 </form>(注意是結束標籤)之前。

public void RegisterClientScriptBlock(Type type, string key, string script)
public void RegisterClientScriptBlock(Type type, string key, string script, bool addScriptTags)
public void RegisterStartupScript(Type type, string key, string script)
public void RegisterStartupScript(Type type, string key, string script, bool addScriptTags)

可以看出二者文法相同。

type 要註冊的啟動指令碼的類型。

key 要註冊的啟動指令碼的鍵,也就是你自己給這段指令碼起的名字。相同 key 的指令碼被當作是重複的,對於這樣的指令碼只輸出最先註冊的,ClientScriptBlock 和 StartupScript 中的 key 相同不算是重複的。

script 指令碼代碼。

addScriptTags 是否添加 <script> 標籤,如果指令碼代碼中不含 <script> 標籤,則應該指定該值為 true,若不指定該值,會被當作 false 對待。

ClientScript.RegisterClientScriptBlock(this.GetType(), "key1", @"function Go()
{
alert('');
}", true);
ClientScript.RegisterStartupScript(this.GetType(), "key1", "Go();", true);

  • 相關文章

    聯繫我們

    該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

    如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

    A Free Trial That Lets You Build Big!

    Start building with 50+ products and up to 12 months usage for Elastic Compute Service

    • Sales Support

      1 on 1 presale consultation

    • After-Sales Support

      24/7 Technical Support 6 Free Tickets per Quarter Faster Response

    • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.