如何实现服务器端下页面动态添加JavaScript脚本

来源：互联网发布：商品期货行情数据接口编辑：程序博客网时间：2024/05/17 02:16

在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窗体的结尾处,即</form>标签之前.例如在页面Page_Load事件中添加如下代码:

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

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

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >

<HTML>

<HEAD>

</HEAD>

</form>

</body>

</HTML>

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

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

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