如何使用 javascript 将值传递给 iFrame？答案

【问题标题】：How can I pass value to iFrame with javascript?如何使用 javascript 将值传递给 iFrame？
【发布时间】：2014-02-15 22:22:36
【问题描述】：

我在页面中打开了一个 iFrame，onClick 事件尝试向 iframe 的文本框发送一个值

这是我的 JavaScript 代码

<script type="text/javascript">
    function TextToFrame()
    {   
     var frame = frames['frame1'];
     frame.document.getElementById("u").value = "wallace";
    }
</script>

IFrame 加载页面，但是当我单击 Button 时，它不会发送任何值。它刷新主页和 iFrame

<asp:Button ID="Button1" runat="server" OnClientClick="TextToFrame();" Text="Send Value" />  

<IFRAME id="frame1" name="frame1" src="http://tweakers.net/my.tnet/login?location=http%3A%2F%2Ftweakers.net%2F" width=500px height=500px  runat="server">

我做错了什么？任何帮助表示赞赏

【问题讨论】：

标签： javascript cross-domain

【解决方案1】：

我认为您不能修改来自不同域的 iframe 中的 HTML。您也许可以将 iframe 源更改为：

http://tweakers.net/my.tnet/login?u=wallace

但该网站应该为您提供这样的选择。

【讨论】：

【解决方案2】：

有一个解决办法：

document.getElementsByName('frame1')[0].contentWindow.getElementById("u").value = "wallace";

【讨论】：

我无法将值发送到 iframe 中的文本框。我需要找到另一种方式，显然这不会走得更远，因为我稍后也需要单击按钮

【解决方案3】：

您不能在 src 属性与其所在域不同的 iframe 中操作数据。

【讨论】：

【解决方案4】：

它不允许你跨域。

看看这个 -Same origin policy

【讨论】：

【解决方案5】：

我同意 Haroldis 但还有一件事：

<script type="text/javascript">
    function TextToFrame()
    {   
     document.getElementsByName('frame1')[0].contentWindow.getElementById("u").value = "wallace";
     return false; // For No Post Back in the container Page 
    }
</script>

和按钮：

<asp:Button ID="Button1" runat="server" OnClientClick="return TextToFrame();" Text="Send Value" />

【讨论】：

我想我需要找到另一种方法来解决我的问题，因为我什至无法在 iFrame 中的位置输入文本，稍后我将单击登录按钮，重定向到其他链接等