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