Question

我正在尝试更改iframe中文本框的值。我尝试过以各种方式使用GetElementById，但似乎没有任何工作。

我通过使用Object数据标记找到了iframe的替代方法，但它有同样的问题。

我的代码或多或少，我为了演示而改变了一点：

 <html>
 <head>

 <title>None</title>

 </head>
 <body>

 <script type="text/javascript">

 function changeValue() {
 var textBox = document.getElementById('userName');
 textBox = "hello!";

 }

 </script>

 <iframe id="myFrame" src="http://www.website.com"></iframe> 

 <input type="button" onclick="changeValue()" value="Submit">

 </body>
 </html>

Answer 1

出于安全原因，这是不可能的。

如果您有权限，则可以在网站上的iframe中加载facebook.com，并使用JavaScript提取用户详细信息。

Answer 2

尝试一下

的内容

document
    .getElementById('myFrame')
    .contentWindow
    .document
    .getElementById('userName')
    .value='hello';

正如其他人所指出的那样，只有当iframe中的页面位于同一个域中时，这才有效。

Javascript更改iFrame中的文本框值

2 个答案: