我有一个 html 文件，其中包含 iframe，如下代码行所示。请注意，此 iframe 由小型 mce jquery 之一显示，并在浏览器中呈现为 下面
<html>
<body>
<textarea id="texteditor"></textarea>
<div class="mceeditor">
<iframe>
<html>
<body>
<script type="text/javascript">
function mySubmit() {
var URL = "http://localhost:61222/14CommunityImages/hands.png";
window.document.getElementById("texteditor").value = URL;
}
</script>
</body>
</html>
</iframe>
</div>
</body>
</html>
现在我的目标是将 var url 添加到父 html 标记中的文本区域内。 请帮助我!!!
最佳答案
iframe 中的文档可以通过 parent 访问其父窗口，并通过 parent.document 访问其父窗口的文档。所以:
parent.document.getElementById("texteditor").value = URL;
注意:要访问彼此的文档，主文档和 iframe 必须位于 same origin 上。如果他们来自不同来源，他们仍然可以进行交流，但前提是他们都明确这样做，通过 web messaging .
<小时/>旁注:如问题所示，您的 iframe 将无法工作。 iframe 中的内联内容用于在浏览器不支持 iframe 时显示。您使用由 src 属性标识的单独资源(例如页面)(或者您使用 srcdoc 属性；我不知道效果如何支持它)，对于 iframe 的内容。
例如:
主页:
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Main Page</title>
<body>
<textarea id="texteditor"></textarea>
<div class="mceeditor">
<iframe src="theframe.html"></iframe>
</div>
</body>
</html>
theframe.html:
<!doctype html>
<html>
<body>
<input type="button" value="Click to set" onclick="mySubmit()">
<script type="text/javascript">
function mySubmit() {
var URL = "http://localhost:61222/14CommunityImages/hands.png";
parent.document.getElementById("texteditor").value = URL;
}
</script>
</body>
</html>
关于javascript - 如何在 html 标签内访问 iframe 中的 html 元素，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/32178439/