ASP.如何执行动态JavaScript并防止回发

ASP.Net How do I execute a dynamic JavaScript and prevent a postback

本文关键字：JavaScript 动态 何执行 执行 ASP      更新时间：2023-09-26

我有一个ASP按钮和2个标签。

<asp:Button runat="server" ID="btnHide" />
<asp:Label runat="server" ID="lblName"></asp:Label>
<asp:Label runat="server" ID="lblPosition"></asp:Label>

我已经创建了一个动态JS脚本。

string jsbtnHide = @"document.getElementByID('" + lblName.ClientID + @"').value = '';
document.getElementByID('" + lblPosition.ClientID + @"').style.display = 'none';";

我将脚本分配给按钮。我试过"OnClick"answers"OnClientClick"。

btnHide.Attributes.Add("OnClick", jsbtnHide);

然而，我不能让脚本成功执行，没有回发。我已经尝试添加OnClientClick="返回false;"动态和ascx文件。动态似乎被忽略了，尽管它在FireBug中看起来是正确的。OnClick似乎不能阻止Postback。当脚本运行时，lblName不会更改为"，我一次也没有让这个工作。

我做错了什么?我已经看了好几天了

你可以使用一个很好的技巧只需将点击代码更改为

string jsbtnHide = @"document.getElementByID('" + lblName.ClientID + @"').value = '';
document.getElementByID('" + lblPosition.ClientID + @"').style.display = 'none';return;";

添加返回到代码的末尾以防止调用回发事件

尝试将你打算在JS函数中执行的JS代码包装起来，然后将按钮与函数和返回false的附加语句连接起来。

像这样:

public string DynamicJSCode; //Page level
//Page_Load
    DynamicJSCode = @"function doSomeWork(){document.getElementById('" + lblName.ClientID + @"').innerText= '';
    document.getElementById('" + lblPosition.ClientID + @"').style.display = 'none'; return false;}";

然后你可以使用属性(或任何其他方式)在你的页面中嵌入上面的JS。

<script type='text/javascript' language='javascript'>
<%= DynamicJSCode %>
</script>

然后将功能连接到按钮，如下所示:

btnHide.Attributes.Add("onclick", "return doSomeWork();");

为了防止按钮控件不回发，您必须使用return;调用(毫无疑问)。

这将稍微更具可维护性(以我的理解)，然后您也不需要后面代码中附加的按钮事件处理程序附件。在标记本身中，您可以将JS函数调用分配给OnClientClick事件，并且执行的代码将始终动态生成。

<asp:Button runat="server" ID="btnHide" OnClientClick='doSomeWork();return false;' />

无论功能的大小或重要性如何，总是建议编写具有更好可维护性的代码。

希望有帮助!

相关文章：