从aspx调用Javascript函数

Question

来自aspx.cs的代码：

.......
button.OnClientClick = "onButtonClick(this)";
.....

Javascript函数（用aspx文件编写）：

<script> 
        function onButtonClick(event) {
           ....
        }
</script>

“程序”甚至都没有到达脚本。

Answer 1

您在哪里调用button.OnClientClick分配？ 如果它是在页面加载或按钮单击事件中，则它应该起作用。 如果您使用ajax方法调用它，则按钮可能在分配后呈现，所以也许就是您的问题。

protected void Page_Load(object sender, EventArgs e)
{
    Button1.OnClientClick = "clicky(this)";
}

在.aspx页上，在结束标记之前：

<script>
   function clicky(e) {
      alert("click");
   }
</script>

您应该能够看到onclick =“ clicky（this）”; 当您在运行页面时检查Chrome开发人员工具中的元素时。

Answer 2

那么，当您始终只可以将on click方法与普通的html按钮一起使用时，使用asp按钮调用JavaScript是多余的。

 <button onclick="onButtonClick()">Click me</button> 

但是，这是您可以通过以下方式实现的方法

Response.write("<script type=""text/javascript"">onButtonClick();</script>")

// OR
ClientScript.RegisterStartupScript(GetType(), "Javascript", "javascript:onButtonClick(); ", true);
// OR 
string name = "onButtonClick()";
        ScriptManager.RegisterClientScriptBlock(this, typeof(string), "Key", name, true);
// OR    
ScriptManager.RegisterStartupScript(this, GetType(), name, false);