2012-04-17 60 views
0

的全部內容,我有我wan't添加HTML代碼,將組成一個完整的網頁中的文字區域,當我鍵入此內容將在iframe更改的iFrame

呈現例如在textarea的我會寫下面的代碼:

<!DOCTYPE html> 
<html> 
    <head> 
     <title>Live generate</title> 
     <style></style> 
    </head> 
    <body> 
    </body> 
</html> 

我的問題是,我不知道如何訪問內嵌框架,以改變它的全部內容,以便它匹配上述

+0

'iframes'必須有一個'src'屬性 - 所以你需要在源文件指向了'iframe',然後修改'body'的'iframe' – ManseUK 2012-04-17 11:28:21

+0

@ManseUK'src'屬性不是必需的。 – 2012-11-30 21:02:44

回答

2

一個你應該能夠通過其id與document.getEleme獲取iframe ntsById或通過jquery,然後獲取它的文檔,打開它並寫入它。

像:

var iframe = $("iframe"); // or by Id $("#myIframeId") 
var doc = iframe.document; 

doc.open(); 
doc.write($("#myTextArea").text()); 
doc.close(); 
+0

jQuery是否在不使用'iframe'的'contentWindow'屬性的情況下執行該操作? – Teemu 2012-04-17 12:07:35

+0

抱歉,上面的代碼在Chrome中無法使用。它說Uncaught TypeError:不能調用未定義的方法'open' – user1338543 2012-04-17 12:17:01

+0

朋友建議這個鏈接,它的工作原理http://www.tek-tips.com/viewthread.cfm?qid=1021687 – user1338543 2012-04-17 12:32:21