將輸入文本從iframe移動到主窗口

我在頁面上有一個iframe，允許我們上傳圖像，一旦上傳圖像，它會在文本輸入字段中顯示文件的url。將輸入文本從iframe移動到主窗口

在頁面的主要部分，我們有我們寫我們的新聞帖子的textarea。我想要一種方式，以便我可以在iframe上添加一個鏈接，位於url字段旁邊，點擊時會自動將文本插入到頁面主要部分的textarea中。

我對JavaScript比較陌生，所以我不確定在使用iframe時如何做到這一點。

謝謝！

2010-02-20 Andelas

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>

基本上，在孩子嵌入式框架，利用家長訪問父窗口對象。全局變量和全局函數一樣存儲在窗口中。因此，如果您在父項中定義全局變量「foo」，則可以使用parent.foo與您的子框架一起訪問它。

希望有幫助！

來源

2010-02-20 23:10:09 Warty

謝謝，幫助我找出了正確的方向前進。 – Andelas 2010-02-24 09:44:44

假設我正確地理解了這一點，您希望能夠使用javascript從容器頁面訪問iFrame中的信息。這通常被認爲是Cross Site Scripting，不允許。

來源

2010-02-20 23:05:43

將輸入文本從iframe移動到主窗口

回答

相關問題