3

我想用我的 iframe-in 值填充输入。
我有两个 html 文件。1.html和2.html
第一个（1.html）是这样的：

<html>
<head>
<title>IFRAME TEST</title>
</head>
<body>
<input type="text" value="" id="mylovelytextbox"><br />
<iframe src="2.html" id="mylovelyiframe">
</body>
</html>

第二个（2.html）是这样的：

<html>
<head>
<form method="get" action="">
<input type="hidden" name="thisone" value="mylovelychangedvalue">
</form>
</body>
</html>

我想用 thisone 的值填充 1.html 中的 mylovelytextbox。我怎样才能做到这一点？-抱歉英语不好:(

编辑：

我在@stano 的帮助下运行代码 :) 现在，我的代码是这样的：

<html> <head> <title>IFRAME TEST</title> </head> <body> <input type="text" value="" id="mylovelytextbox"><input type="button" onClick="var iframe = document.getElementById('mylovelyiframe');console.log(iframe,doc,el);var doc = iframe.contentDocument || iframe.contentWindow.document;var el = document.getElementById('mylovelytextbox');el.value = doc.getElementsByName('thisone')[0].value;" value="Click"><br /> <iframe sandbox="allow-same-origin allow-scripts" src="2.html" id="mylovelyiframe"></iframe> </body> </html>

非常感谢，斯塔诺！

4

1 回答 1

2

首先修复那些缺失的标签

<iframe src="2.html" id="mylovelyiframe"></iframe>
</head><body>

并添加一些文档类型，然后你可以使用

<script type="text/javascript">
var iframe = document.getElementById('mylovelyiframe');
var doc = iframe.contentDocument || iframe.contentWindow.document;
var elem = document.getElementById('mylovelytextbox');
elem.value = doc.getElementsByName('thisone')[0].value;
</script>
于 2013-07-03T15:00:21.180 回答