我试图将JavaScript文件添加到iframe的头文件中,以便在加载时,iframe可以在执行“后台任务”之前完成。目前iframe是空的,因为没有我希望它显示的源。也就是说,所有的iframe都会执行我希望提供给它的脚本。从这里将JS添加到空iframe
我已经试过建议:
- Can't append <script> element
- Insert a Script into a iFrame's Header, without clearing out the body of the iFrame
- Invoking JavaScript code in an iframe from the parent page
- Calling javascript function in iframe
- http://www.getallfix.com/2013/08/how-to-include-or-add-external-javascript-file-to-iframe-how-to-add-js-to-iframe/
然而,我无法得到一个简单的“写”到iframe的工作。 这里是我一起工作的代码:
demo.html
<html>
<head>
<script src="demo.js"></script>
<script>
addScript('demo.js');
function addScript(src){
// Find the iFrame
var iframe = document.getElementById('test');
var val = '<scr' + 'ipt type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js"></scr' + 'ipt>';
var headID = iframe.getElementsByTagName("head")[0];
var newScript = iframe.createElement('script');
newScript.type = 'text/javascript';
newScript.src = 'demo.js';
headID.appendChild(newScript);
</script>
</head>
<body>
<div class="output">
<iframe id="test"></iframe>
</div>
</body>
</html>
demo.js
document.write("Hello, I'm a Demo.");
您对呼叫'addScript'后'iframe'已经被解析。 – Teemu
@Teemu哪个'iframe'?实际的元素或变量? – user2958542
在使用'getElementById'获取对它的引用之前,元素必须存在。 – Teemu