如何在后面的代码中防止属性的HTML编码？

Question

我的aspx中有以下内容。

<html>
    <body>
        <input id="but" type="button" value="ClickMe" />
    </body>
</html>

后面的代码

//Pageload
but.Attributes.Add("onclick", "this.parentNode.innerHTML += '<a id=""link"" href=""mylink""></a>';document.getElementById(""link"").click();");

呈现的HTML

<input name="ctl00$Content$btn" type="button" id="ctl00_Content_btn" value="ClickMe" 
onclick="this.parentNode.innerHTML += '&lt;a id=&quot;link&quot; href=&quot;mylink&quot;>&lt;/a>';document.getElementById(&quot;link&quot;).click();" />

如何获得< > "字符以正确呈现？

Answer 1

如果不进行编码，则无法渲染这些字符。

从MSDN

您不能使用Attributes集合将客户端脚本添加到WebControl实例。 若要添加客户端脚本，请使用Page控件上的ClientScript属性。

如果您坚持，则只需呈现自己的控件即可。

Answer 2

谢谢亚里士多德，这可行。

Page.ClientScript.RegisterStartupScript(Me.GetType(), "butClick", "function butClick() {this.parentNode.innerHTML += '<a id=""link"" href=""mylink""></a>';document.getElementById(""link"").click();}")
but.Attributes.Add("onclick", "butClick();");

Answer 3

如果您确实想防止参数编码，则需要创建自己的自定义控件并覆盖AddAttributesToRender方法。 显然，这不是很灵活，因为您需要为使用的每种控件类型创建一个单独的自定义控件。

幸运的是，这非常简单，只需要几行代码，因此可以解决。 这是自定义按钮所需的完整代码：

public class MyCustomButton : Button
{
    protected override void AddAttributesToRender(HtmlTextWriter writer)
    {
        base.AddAttributesToRender(writer);
        writer.AddAttribute("onclick", "myJavascriptFunction('a string');", false); // passing false to the AddAttribute method tells it not to encode this attribute.
    }
}

显然，这仅将硬编码的onclick附加到属性的末尾，如果已经提供了onclick，则可能会造成干扰。 如果您想进一步扩展此功能，则可以遍历实际的Attributes集合并以这种方式添加它们。

Answer 4

覆盖控件的Render方法，并添加以下行：

base.Attributes.Add("onclick", Page.ClientScript.GetPostBackEventReference(new PostBackOptions(this, string.Empty)));

并在页面上将其呈现为：

onclick="__doPostBack('ctl00$ctl00$PageContent$LocalContents$button_id', '')"

哪个IE应该理解为回发参考，因此不应该对其进行编码。 .Net应该与您的服务器端事件处理程序匹配

Answer 5

.net 4.0具有内置功能。 http://msdn.microsoft.com/zh-CN/library/system.web.httputility.javascriptstringencode.aspx-来自文档。