Question

我在页面上有一个iframe，允许我们上传图片，一旦上传，它会在文本输入字段中显示文件的网址。

在页面的主要部分，我们有textarea，我们在那里写新闻帖子。我想要一种方法，以便我可以在url字段旁边的iframe上添加一个链接，点击后会自动将文本插入到页面主要部分的textarea中。

我对javascript比较陌生，所以在使用iframe时我不知道该怎么做。

谢谢！

Answer 1

假设我理解正确，您希望能够使用javascript从容器页面访问iFrame中的信息。这通常被视为Cross Site Scripting，不允许。

Answer 2

main.htm中

<html>
<head>
<script>
getText = function(s)
{
alert(s);
}
</script>
</head>
<body>
<iframe src="otherFrame.htm"></iframe>
</body>
</html>

otherFrame.htm

<html>
<head>
<script>
botherParent = function()
{
    parent.getText(document.getElementById("textInput").value);
};
window.onload = function()
{
}
</script>
</head>
<body>
<input type="text" id="textInput" />
<span onclick="botherParent()">Stuff goes here</span>
</body>
</html>

基本上，在子内联框架中，使用parent访问父窗口对象。全局变量存储在窗口中，全局函数也是如此。因此，如果在父级中定义全局变量“foo”，则可以使用带有子框架的parent.foo访问它。

希望有所帮助！

将输入文本从iframe移动到主窗口

2 个答案: