通過Javascript向DOM添加IFRAME

我想將iframe添加到頁面。這iframe應該引用一個URL。我添加下面的代碼到網頁的HTML，但它不工作：通過Javascript向DOM添加IFRAME

document.createElement('<iframe src='http://example.com'></iframe>');

來源

2011-06-12 Xaqron

在這裏你去：

var iframe; 

iframe = document.createElement('iframe'); 
iframe.src = 'http://example.com/file.zip'; 
iframe.style.display = 'none'; 
document.body.appendChild(iframe);

現場演示：http://jsfiddle.net/USSXF/2/

，因爲你傳遞一個完整的HTML串入createElement功能（「jQuery的代碼不工作風格「:)），這是無效的。此函數的有效參數是表示標籤名稱的字符串（如'div','iframe'，'p'等）。

Read about document.createElement here.

來源

2011-06-12 01:20:20

這是行得通的。如何隱藏這個'iframe'？（有一個大框架添加到頁面的按鈕） – Xaqron 2011-06-12 01:28:27

@Xaqron我已經更新了我的答案... – 2011-06-12 01:30:10

你需要使用document.appendChild

您還需要逃避自己內心的單引號或使用追加節點到DOM改爲雙引號。

來源

2011-06-12 01:19:10 Jeff

-1

document.write(unescape('%3Ciframe src="//example.com/file.zip"%3E%3C/iframe%3E')

來源

2011-06-12 01:19:29 Teddy

通過Javascript向DOM添加IFRAME

回答

相關問題