首頁猿問使用Javascript或jQue...

使用Javascript或jQuery將元素寫入子iframe

JavaScript JQuery

大話西游666 2019-11-27 10:44:22

我有這樣的事情：<html> <body> <iframe id="someFrame"></iframe> </body></html>而且我想使用jQuery編寫元素，以使等效的HTML完全像這樣：<html> <body> <iframe id="someFrame">   <div>A</div> <div>B</div> <div>C</div>  </iframe> </body></html>另外，任何普通的Javascript也可以。謝謝。編輯：經過更多的研究，似乎我正在尋找iframe的contentDocument屬性的IE等效?！?contentDocument”是FF支持的W3C標準，但IE不支持。（驚喜）

查看完整描述

3 回答

白豬掌柜的

TA貢獻1893條經驗獲得超10個贊

經過一番研究，并得到了Mike的肯定回答，我發現這是一個解決方案：

var d = $("#someFrame")[0].contentWindow.document; // contentWindow works in IE7 and FF

d.open(); d.close(); // must open and close document object to start using it!

// now start doing normal jQuery:

$("body", d).append("<div>A</div><div>B</div><div>C</div>");

反對回復 2019-11-27

慕萊塢森

TA貢獻1810條經驗獲得超4個贊

我在這里四處走動，建議到目前為止提出的答案是不可能的。

如果此iframe實際上有一個src =“ somepage.html”（您應該已經指明，否則，使用iframe的意義是什么？），那么我認為Jquery不能在所有瀏覽器中直接跨框架操作html。。根據我對這種事情的經驗，包含頁面無法直接從iframe頁面調用函數或與iframe頁面進行任何形式的Javascript聯系。

您的“ somepage.html”（在iframe中加載的頁面）需要做兩件事：

將某種對象傳遞到可用作橋梁的包含頁面

具有根據需要設置HTML的功能

因此，例如，somepage.html可能看起來像這樣：

<html>

<head>

</script>

<!--//

var bridge={

setHtml:function(htm) {

document.body.innerHTML=htm;

}

$(function() { parent.setBridge(bridge); });

//--></script>

</head>

</html>

并且包含頁面可能如下所示：

<html>

<head>

</script>

<!--//

var bridge;

var setBridge=function(br) {

bridge=br;

bridge.setHtml("<div>A</div><div>B</div><div>C</div>");

}

//-->

</script>

</head>

</html>

這可能看起來有些令人費解，但可以在多個方向進行調整，并且至少應在IE，FF，Chrome和Safari和Opera中起作用。

反對回復 2019-11-27

3 回答
0 關注
711 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

使用Javascript或jQuery將元素寫入子iframe

使用Javascript或jQuery將元素寫入子iframe

3 回答

添加回答