使用javascript访问iframe中的asp.net隐藏字段控件？

Question

我使用 Iframe 在我的 Default.aspx 页面中加载验证码图像。在 Captcha.aspx 文件中，我生成了随机数并将随机数分配给隐藏字段。

Captcha.aspx：

<asp:hiddenField runat="server" ID="hdnCaptcha"/>

Captcha.aspx.vb：

hdnCaptcha.Value = randomNumber

Default.aspx：

<iframe id="ifrm" src="Captcha.aspx"/>

Javascript：

var iframe = document.getElementById('ifrm');
var innerDoc = iframe.contentDocument || iframe.contentWindow.document;
var captcha = innerDoc.getElementById('hdnCaptcha').value;

隐藏字段验证码值始终返回 null。如何从 iframe 源页面访问隐藏字段值？

Answer 1

ASP.NET 在生成的 html 中生成 ID，这些 ID 比您在 aspx 标记中看到的要长。所以你可以做的是：

1. 在 javascript 中插入真实的客户端 ID。仅当 js 代码在 aspx 文件本身中，而不是在单独的 js 文件中时，这才有效：

   var captcha = innerDoc.getElementById('<%= hdnCaptcha.ClientID %>').value;
   

   由于您正在处理 iframe，这可能不是您的选择。然后参考

2. 设置隐藏字段的ID模式为静态。这将强制 ASP.NET 按原样输出 id，不添加任何内容。请注意，在这种情况下，您的工作是确保 iframe 页面上只有一个具有此 ID 的控件：

   <asp:HiddenField runat="server" ID="hdnCaptcha" ClientIDMode="Static" />