如何在后台CS代码文件中调用前台JS文件中的某一个函数

最新推荐文章于 2026-06-17 14:06:09 发布

原创最新推荐文章于 2026-06-17 14:06:09 发布 · 2.1k 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#server #脚本 #function #xhtml #javascript

这篇博客探讨了如何在ASP.NET的后台CS代码文件中调用前台JavaScript文件中的函数。通过`ClientScript.RegisterStartupScript`方法，可以将JS脚本注册到页面中并在适当的时候执行。例如，使用`GetXmlValues`函数来处理XML数据，并在按钮点击事件中调用前端定义的`a1`和`a2`函数，实现前后端的交互。

my test code:

-->

private void load()
{

ClientScript.RegisterStartupScript(this.GetType(), "Shift", "<script type='text/javascript'>GetXmlValues('" + XMLName.Shift + "','ctl00_ContentPlaceHolder1_dropShift','Shift','SHIFT');</script>");
}

其中：GetXmlValues是源中前台javascript函数, ctl00_ContentPlaceHolder1_dropShift 是.NET Control DropDownList (dropShif)的完整名称, 加MasterPage都会在Id前面加入类似"ctl00_ContentPlaceHolder1_"的前缀.无论多少层,都只加一个.

public void RegisterStartupScript(Type type, string key, string script)

参数
type
类型：System.Type

要注册的启动脚本的类型。

key
类型：System.String

要注册的启动脚本的键。

script
类型：System.String

要注册的启动脚本文本。

<--

//保存为 test.js 文件
function a1() {
alert("a1");
}

function a2() {
alert("a2");
}

//test.aspx 页面
<%@ Page Language="C#" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

//导入刚才的js文件
    <script src="test.js" type="text/javascript"></script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
       <asp:Button ID="BtnTest" runat="server" Text="Click Me" onclick="BtnTest_Click" />
    </div>
    </form>
</body>
</html>