从代码隐藏更改 IFrames InnerHtml
Posted
技术标签:
【中文标题】从代码隐藏更改 IFrames InnerHtml【英文标题】：Changing an IFrames InnerHtml from codebehind 【发布时间】：2010-11-19 15:37:45 【问题描述】：我正在尝试在运行时从后面的代码中设置 iframe 的 html。
在我的 aspx 页面中，我有：
<asp:Button ID="btnChange" runat="server" Text="Change iframe content"
onclick="btnChange_Click" />
<br />
<iframe id="myIframe" runat="server" />
在后面的代码中：
protected void btnChange_Click(object sender, EventArgs e)
myIframe.InnerHtml = "<h1>Contents Changed</h1>";
当我运行它时......它会回发，但根本不会改变 myIframe 的内容...... 我做错了什么？？
我需要这样做，因为我在结账过程中实施了 3D 安全。 基本上：
1) 客户输入信用卡详细信息 2) 提交表格，与支付网关核对是否需要 3d 安全。如果是这样，则会为银行安全位置生成 URL 以输入信息 3) 我创建了一个对此 url 的 POST 请求，其中包含一个长安全令牌和一些其他信息。我得到了从这个 POST 请求返回的 HTML，并且需要在 iFrame 中显示它。
这是文档所说的：
<html>
<head>
<title>Please Authenticate</title>
</head>
<body onload="OnLoadEvent();">
<form name="downloadForm" action="https://mybank.com/vbyv/verify" method="POST">
<input type="hidden" name="PaReq" value="AAABBBBCCCCHHHHHH=">
<input type="hidden" name="TermUrl" value="https:// www. MyWidgits.Com/next.cgi">
<input type="hidden" name="MD" value="200304012012a">
</form>
<script language="javascript"> <!-- function OnLoadEvent() document.downloadForm.target = "ACSframe"; document.downloadForm.submit(); //--> </script>
<!-- MERCHANT TO FILL IN THEIR OWN BRANDING HERE -->
<iframe src="blank.htm" name="ACSframe" frameborder="0">
</iframe>
<!-- MERCHANT TO FILL IN THEIR OWN BRANDING HERE -->
</body>
</html>
【问题讨论】：
我猜为什么选择 iframe，是因为 post 响应包含 html 头和正文标签 可能比什么都不做更好的方法是从帖子响应中提取必要的信息，而不是将整个作为内容转储 【参考方案1】：你可以试试这个：
protected void btnChange_Click(object sender, EventArgs e)
myIframe.Attributes["src"] = "pathtofilewith.html"
或者这也可以：
protected void btnChange_Click(object sender, EventArgs e)
myIframe.Attributes["innerHTML"] = "htmlgoeshere"
【讨论】：
【参考方案2】：您不能更改 iframe innerHTML 属性。它根本没有 innerHTML 属性。尝试 RegisterStartupScript 并使用 document.write 更改 iframe 的内容，因为它是一个窗口。
顺便说一句，我认为 HTML 标记更适合这个。
【讨论】：
【参考方案3】：<asp:Button ID="btnChange" runat="server" Text="Change iframe content" onclick="btnChange_Click" />
<br />
<asp:Literal id="myIframe" runat="server" />
in the code behind:
protected void btnChange_Click(object sender, EventArgs e)
myIframe.Text = "<h1>Contents Changed</h1>";
【讨论】：
【参考方案4】：您需要做的是创建一个单独的 aspx 页面，该页面为空，获取响应并将其加载到自己的正文中，换句话说，替换自己，例如
我的页面.aspx：
<%@ Page contentType="text/html" %>
//... using your namespace that contains the required functionality
<% Response.Write(MyObject.CreateBody()) %>
然后将该页面放在你的 iframe 中...
<iframe src="mypage.aspx" ... />
简单地说，iframe 是一个客户端窗口，你不能从服务器端将它的主体作为对象引用，它还没有被加载！
或者...您可以打开一个 html 文件，转储响应然后保存并关闭...该文件始终被您的 iframe 引用。使用文本流对象，或文件系统对象等...
PS。我一个都没试过
【讨论】：
【参考方案5】：iFrame 没有 innerHTML 属性。然而，从 HTML 5.0 开始，有一个新的 srcdoc 属性。 http://www.w3schools.com/tags/tag_iframe.asp
值：HTML_code
说明：指定要在
你可以这样使用：
protected void btnChange_Click(object sender, EventArgs e)
myIframe.Attributes["srcdoc"] = "<h1>Contents Changed</h1>";
【讨论】：
以上是关于从代码隐藏更改 IFrames InnerHtml的主要内容，如果未能解决你的问题，请参考以下文章
如何获取由javascript设置的网页的隐藏InnerHtml？
jQuery使用数据目标更改带有onClick侦听器的一组单选按钮标签的innerHtml