将JS / JavaScript代码插入父级的iframe中

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了将JS / JavaScript代码插入父级的iframe中，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1227字，纯文字阅读大概需要2分钟。

内容图文

我有一个脚本,我从我的服务器加载到我的父HTML头…
我想在重新加载时将该脚本插入到我的iframe中.

我有一个函数,使我的iframe重新加载之前,它将脚本插入头像这样： –

function insertScriptIntoHead(){
    var head = iframe.contentWindow.document.getElementsByTagName('head')[0];
    var script = iframe.contentWindow.document.createElement('script');
    script.src = getFromParent();
    script.type = 'text/javascript';
    head.appendChild(script);
}

这个文件是1.5 MB,每次重新加载它再次加载,我想消除.

我想如果我可以从父加载它并将文件放在每次重新加载到iframe然后我可能会消除从服务器加载的文件,这将节省时间.

任何帮助将不胜感激

-谢谢

解决方法:

在您将其附加到html页面之前,JavaScript脚本文件将不会开始加载.
您可以在父级中加载脚本并获取代码内容并将其放在iframe中,而不是直接将带有src的脚本标记插入到iframe中.

在父级中,您可以加载它.

<script src="bigjs.js" id="iframejs"></script>

现在,每次iframe重新加载时,您都可以阅读其内容并将内容放在iframe脚本标记中：

function insertScriptIntoHead(){
    var head = iframe.contentWindow.document.getElementsByTagName('head')[0];
    var script = iframe.contentWindow.document.createElement('script');
    script.innerText = document.getElementById('iframejs').innerText;
    script.type = 'text/javascript';
    head.appendChild(script);
}

这样,您就可以实现您想要的.

内容总结

以上是互联网集市为您收集整理的将JS / JavaScript代码插入父级的iframe中全部内容，希望文章能够帮你解决将JS / JavaScript代码插入父级的iframe中所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端