將HTML，CSS和JavaScript代碼注入到iframe中

Question

http://net.tutsplus.com/tutorials/html-css-techniques/how-to-inject-custom-html-and-css-into-an-iframe

它只允許您注入CSS和HTML。

如何將JavaScript注入iFrame？我試圖改變：

styleTag = $('<style></style>').appendTo(contents.find('head')); 

到

styleTag = $('<script></script>').appendTo(contents.find('head')); 

，但沒有奏效。你能幫忙嗎？

演示環節是http://nettuts.s3.amazonaws.com/1089_iframe/iframe/iframe.html

Answer 1

這很可能是代碼就是工作。

不幸的是，你會發現在大多數瀏覽器中，它不會更新DOM來反映它。

如果您在標籤上提供了src =，則可以通過大多數瀏覽器向其開發者提供的網絡窗口確認它正在加載腳本。

但是，你不可能在DOM中看到它。

此外，您可以通過標準javascript創建標籤並附加到事件以指示它已加載。使用標準的Javascript，這看起來像這樣：

var head= document.getElementsByTagName('head')[0]; 
var script= document.createElement('script'); 
script.type= 'text/javascript'; 
script.onreadystatechange= function() { 
    if (this.readyState == 'complete') { 
     alert("loaded!"); 
    } 
} 
script.onload= helper; 
script.src= 'helper.js'; 
head.appendChild(script); 

我不確定如果有一個100％原生jQuery匹配的副本，

最新問題

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.

 相關問題

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.