.NET中执行js脚本的方法

最新推荐文章于 2022-11-05 08:10:41 发布

邹琼俊

最新推荐文章于 2022-11-05 08:10:41 发布

阅读量8.7k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： ASP.NET WebForm开发文章标签：脚本 .net html string

本文链接：https://blog.youkuaiyun.com/zouyujie1127/article/details/7192961

ASP.NET WebForm开发专栏收录该内容

77 篇文章

订阅专栏

本文详细介绍了在项目开发中使用UpdatePanel控件时，如何正确地在后台注册JS脚本，以避免破坏HTML结构，并提供了解决方案在UpdatePanel内输出JS的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、后台注册js脚本

在项目开发中，遇到了问题，当使用了UpdatePanel控件后，直接在后台输出js脚本报错了。

大家都知道向客户端输出内容的方式很多，而大多数初学者会使用Respone.Write(string)。比如：

以下是代码片段：
Respone.Write(“hello word!”);
　　或输出JS
　　Respone.Write("");

　　但是，当你查看客户端源码时，你会发现，输出的内容呈现在源码的最前端，显然它破坏了HTML的格式，在某些情况下这是会影响到页面布局等效果的。

　　正确的输出方式应该是：this.ClientScript.RegisterStartupScript或this.ClientScript.RegisterClientScriptBlock.

　　this.ClientScript.RegisterStartupScript 是在Form开始的第一行注册脚本，后者则是在Form结尾处注册脚本。这样就不回破坏HTML得格式了，如：

以下是代码片段：
this.ClientScript.RegisterStartupScript(this.GetType(), "scriptKey", "")
　　或
　　this.ClientScript.RegisterStartupScript(this.GetType(), "scriptKey", "alert('hello word!');",True)
　　this.ClientScript.RegisterClientScriptBlock也类似。
　　UpdatePanel

　　当你想在UpdatePanel内输出一段JS时，运用以上方法就会得不到预期的效果。那么请看一下示例。

　　有一个UpdatePanel的ID是upPn

以下是代码片段：
ScriptManager.RegisterClientScriptBlock(upPn,this.GetType(), "scriptKey", "alert('hello word!');",True)
　　或
　　ScriptManager.RegisterStartupScript(upPn,this.GetType(), "scriptKey", "alert('hello word!');",True)

　　这样的话，当UpdatePanel内容加载到客户端后，就会弹出“hello word!”对话框。

　　这样的话，从后台输出JS就更加方便了。

二、前台直接绑定js方法
前台代码：

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script type="text/javascript">
        function ShowInfo(msg) {
            alert(msg + ',Hello');
        }
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
    <a href="#" onclick='<%#string.Format("ShowInfo(\"{0}\");",str) %>'>显示</a>
    </div>
    </form>
</body>
</html>

后台代码：

public string str = "黎明";
    protected void Page_Load(object sender, EventArgs e)
    {
        Page.DataBind(); //只有执行了此方法，前台绑定才会生效
    }