如何在UpdatePanel中調(diào)用JS客戶端腳本
更新時間：2012年12月15日 16:26:07 作者：
本文將介紹如何在UpdatePanel中調(diào)用JS客戶端腳本，需要了解的朋友可以參考下
頁面中加入了UpdatePanel后，Response.Write("<script>function dis (){alert('這是調(diào)用寫在server的JS');}</script>")來調(diào)用客戶端腳本，無任何提示的無反應(yīng)。如何在UpdatePanel中調(diào)用JS客戶端腳本呢？
方法：采用 ScriptManager.RegisterStartupScript(Control controlId,Type this.GetType(),String key,String script block)方法。
有人說controlId必須是UpdatePanel里的，其實不然，page控件就可以。
下面給出一個具體的實例：
protected void Page_Load(object sender, EventArgs e)
{
ScriptManager.RegisterStartupScript(BtnJs, this.GetType(), "alert", "<script>function
dis (){alert('這是調(diào)用寫在server的JS，如用Response.Write()是不能實現(xiàn)此效果的！?。?');}</script>", false);
<asp:ScriptManager ID="ScriptManager1" runat="server" EnablePartialRendering="true" >
</asp:ScriptManager>
<input id="BtnJs" type="button" value="CallServerJs" onclick="dis()" runat="server"/>
<asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional" RenderMode="Block">
<ContentTemplate>
<asp:Button ID="Button6" runat="server" Text="Button" OnClientClick="dis()"/>
</ContentTemplate>
</asp:UpdatePanel>
注意：BtnJs是UpdatePanel外的按鈕 同時Button6重用了服務(wù)端注冊的腳本附帶說一下，如果是在普通的aspx中希望在服務(wù)器端注冊下客戶端腳本，可以用
Page.ClientScript.RegisterStartupScript(this.GetType(), String Key,String Js block ,Bool AddScriptTag)，除了注意粗體字以外，其他操作同上。紫色部分不能包含，如寫了的話，瀏覽時會將腳本部分自動注釋掉！
方法：采用 ScriptManager.RegisterStartupScript(Control controlId,Type this.GetType(),String key,String script block)方法。
有人說controlId必須是UpdatePanel里的，其實不然，page控件就可以。
下面給出一個具體的實例：
復(fù)制代碼 代碼如下:
protected void Page_Load(object sender, EventArgs e)
{
ScriptManager.RegisterStartupScript(BtnJs, this.GetType(), "alert", "<script>function
dis (){alert('這是調(diào)用寫在server的JS，如用Response.Write()是不能實現(xiàn)此效果的！?。?');}</script>", false);
復(fù)制代碼 代碼如下:
<asp:ScriptManager ID="ScriptManager1" runat="server" EnablePartialRendering="true" >
</asp:ScriptManager>
<input id="BtnJs" type="button" value="CallServerJs" onclick="dis()" runat="server"/>
<asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional" RenderMode="Block">
<ContentTemplate>
<asp:Button ID="Button6" runat="server" Text="Button" OnClientClick="dis()"/>
</ContentTemplate>
</asp:UpdatePanel>
注意：BtnJs是UpdatePanel外的按鈕 同時Button6重用了服務(wù)端注冊的腳本附帶說一下，如果是在普通的aspx中希望在服務(wù)器端注冊下客戶端腳本，可以用
Page.ClientScript.RegisterStartupScript(this.GetType(), String Key,String Js block ,Bool AddScriptTag)，除了注意粗體字以外，其他操作同上。紫色部分不能包含，如寫了的話，瀏覽時會將腳本部分自動注釋掉！
您可能感興趣的文章:
- asp.net DataFormatString格式化GridView
- php Smarty date_format [格式化時間日期]
- jquery EasyUI的formatter格式化函數(shù)代碼
- perl的格式化(Format)報表輸出實現(xiàn)代碼
- s:set 和 s:date 使用, 在jsp判斷日期
- js Date概念詳細(xì)介紹
- JS中Date日期函數(shù)中的參數(shù)使用介紹
- JS之Date對象和獲取系統(tǒng)當(dāng)前時間詳解
- js字符串日期yyyy-MM-dd轉(zhuǎn)化為date示例代碼
- js用Date對象的setDate()函數(shù)對日期進(jìn)行加減操作
- JS日期格式化之javascript Date format
相關(guān)文章
下面小編就為大家?guī)硪黄猈inform中進(jìn)行MD5加密的實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-01-01
這篇文章主要給大家介紹了關(guān)于利用C＃實現(xiàn)字符串首字母大寫的相關(guān)資料，這是在最近工作中遇到的一個需求，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧。2018-01-01
這篇文章主要介紹了C#模擬window操作鼠標(biāo)的方法,可實現(xiàn)模擬鼠標(biāo)移動到固定位置后點擊右鍵的功能,涉及鼠標(biāo)常用事件的操作技巧,需要的朋友可以參考下2015-07-07
C#實現(xiàn)生成mac地址與IP地址注冊碼的兩種方法
這篇文章主要介紹了C#實現(xiàn)生成mac地址與IP地址注冊碼的兩種方法,非常實用的技巧,需要的朋友可以參考下2014-09-09
這篇文章主要介紹了C#透明窗體實現(xiàn)方法,涉及C#窗體操作的相關(guān)技巧,需要的朋友可以參考下2015-06-06
這篇文章主要介紹了C#中yield return用法,對比使用yield return與不使用yield return的流程,更直觀的分析了yield return的用法,需要的朋友可以參考下2014-09-09
UnityShader3實現(xiàn)轉(zhuǎn)圈與冷卻效果
這篇文章主要為大家詳細(xì)介紹了UnityShader3實現(xiàn)轉(zhuǎn)圈與冷卻效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-03-03
C#中IDispose接口的實現(xiàn)及為何這么實現(xiàn)詳解
這篇文章主要給大家介紹了關(guān)于C#中IDispose接口的實現(xiàn)及為何這么實現(xiàn)的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2018-05-05
這篇文章主要來講講c#中的泛型，因為泛型在c#中有很重要的位置，對于寫出高可讀性，高性能的代碼有著關(guān)鍵的作用，大家都知道泛型公共語言運行庫是非常重要功能，那么為什么使用泛型呢，帶著這個問題一起通過本文學(xué)習(xí)下吧2021-08-08
Modbus作為一種開放且廣泛采用的通信協(xié)議,在實現(xiàn)設(shè)備間數(shù)據(jù)交換方面發(fā)揮著至關(guān)重要的作用,它不僅支持多種物理層接口（如RS-232,?RS-485,?以及以太網(wǎng)）,還因其簡單易用的特點而被大家所青睞,本文通過實際示例介紹如何在C#項目中輕松實現(xiàn)Modbus通信功能2024-11-11