ASP.NET 网页动态添加客户端脚本

在System.Web.UI.Page类中包含了RegisterStarupScript()和RegisterClientScriptBlock()两个方法,使用这两个方法可以实现向Web页面动态添加脚本块,客户端脚本按运行方式可以分为两类:一类是在加载页面后立即运行,另一类是在发生客户端事件后才运行.前者的常见示例是打开页面时立即弹出一个广告条;后者的常见示例是当用户单击莫按钮时弹出一个消息框.
RegisterStartupScript()和RegisterClientScriptBlock()两种方法使用形式如下:

Page.RegisterStartupScript(string key,string script);
Page.RegisterClientScriptBlock(string key,string script);

参数key: 是生成客户端脚本块的唯一标识符;

参数script: 是将要生成的客户端脚本块,它是一个字符串类型.
这两钟方法唯一的区别就是生成脚本的位置不同;

(1)RegisterStarupScript()方法
使用RegisterStarupScript()方法用于添加需要在加载页面后立即运行的脚本块.通过此方法添加的脚本块位于Web窗体的结尾处,即标签之前.例如在页面Page_Load事件中添加如下代码:

Page.RegisterStartupScript("key","<script>alert('欢迎您来到本网沾!');</script>");

执行上面的程序,在IE浏览器中选择"查看"菜单的"源文件"选项,脚本块生成的位置如如下所示:

复制代码
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >

<HTML>

    <HEAD>

        <title>Web22</title>

        <meta name="GENERATOR" Content="Microsoft Visual Studio .NET 7.1">

        <meta name="CODE_LANGUAGE" Content="C#">

        <meta name="vs_defaultClientScript" content="JavaScript">

        <meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5">

    </HEAD>

    <body MS_POSITIONING="GridLayout">

        <form name="Form1" method="post" action="Web22.aspx" id="Form1">

<input type="hidden" name="__VIEWSTATE" value="dDwyMTA1NTI4MTE3Ozs+rxjH8qXphIPYQuLSie2igMF+KSU=" />

     <FONT face="宋体">

                <input name="TextBox1" type="text" id="TextBox1" style="Z-INDEX: 101; LEFT: 464px; POSITION: absolute; TOP: 48px" /></FONT>

                <script>alert('欢迎您来到本网站!');</script>

</form>

    </body>

</HTML>
复制代码

(2)RegisterClientScriptBlock()
使用RegisterClientScriptBlock()方法生成的脚本块位于Web页面的开始处,即"
"标签之后.例如在页面Page_Load事件中添加如下代码：

Page.RegisterClientScriptBlock("key","<script>alert('欢迎您来到本网站!');</script>");

编译程序,打开页面的源文件代码,脚本块生成的位置如下所示.

复制代码
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >

<HTML>

    <HEAD>

        <title>Web22</title>

        <meta name="GENERATOR" Content="Microsoft Visual Studio .NET 7.1">

        <meta name="CODE_LANGUAGE" Content="C#">

        <meta name="vs_defaultClientScript" content="JavaScript">

        <meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5">

    </HEAD>

    <body MS_POSITIONING="GridLayout">

        <form name="Form1" method="post" action="Web22.aspx" id="Form1">

<input type="hidden" name="__VIEWSTATE" value="dDwyMTA1NTI4MTE3Ozs+rxjH8qXphIPYQuLSie2igMF+KSU=" />

      

         <script>alert('欢迎您来到本网站!');</script>

   

        <FONT face="宋体">

                <input name="TextBox1" type="text" id="TextBox1" style="Z-INDEX: 101; LEFT: 464px; POSITION: absolute; TOP: 48px" /></FONT>

        </form>

    </body>

</HTML>
复制代码

此外Page类还分别为上述两个方法提供了辅助方法,它们是IsStartupScriptRegistered(string key)和IsClientScriptBlockRegistered(string key).这两个方法都接受一个参数Key,并返回一个布尔值,用于标志关键字为key的脚本块是否已添加到页面中.如果脚本块已经添加到页面都返回True,否则将返回False.使用这两个辅助方法可以避免同一脚本块在同一页面中重复添加.
另外一种方式是为控件添加触发条件.如果为一个Button控件添加"onclick"脚本事件,可在服务器使用"Button.Attributes.Add("onclick",函数名)"语句实现. 

this.btnDel.Attributes.Add("onclick","return confirm('是否删除？')");

 

posted on   逍遥云天  阅读(676)  评论(0)  编辑  收藏  举报

编辑推荐：
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列：如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· Linux系列：如何用 C#调用 C方法造成内存泄露
阅读排行：
· Manus爆火，是硬核还是营销？
· 终于写完轮子一部分：tcp代理 了，记录一下
· 震惊！C++程序真的从main开始吗？99%的程序员都答错了
· 别再用vector＜bool＞了！Google高级工程师：这可能是STL最大的设计失误
· 单元测试从入门到精通
< 2025年3月 >
日 一 二 三 四 五 六
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5

导航

统计

点击右上角即可分享
微信分享提示
❄
❄
❄
❄
❄
❄