在Iframe中运行Javascript而不影响主页_Javascript_Jquery_Html_Iframe

在Iframe中运行Javascript而不影响主页

javascript jquery html iframe

在Iframe中运行Javascript而不影响主页,javascript,jquery,html,iframe,Javascript,Jquery,Html,Iframe,我必须在我的网页中添加一个iframe，并在其中使用javascript加载一个小部件。我对此做了很多研究，发现这个实现也会影响主页，可能是因为小部件可能加载其他css和脚本。简而言之，我只有一个问题- 制作iframe元素并附加脚本以使其不影响整个页面的最佳方法是什么。到目前为止我使用的不同代码段 iframe=$('<iframe>'); iframe[0].appendChild('<scr' + 'ipt type="text/javascript" src="h

我必须在我的网页中添加一个iframe，并在其中使用javascript加载一个小部件。我对此做了很多研究，发现这个实现也会影响主页，可能是因为小部件可能加载其他css和脚本。简而言之，我只有一个问题- 制作iframe元素并附加脚本以使其不影响整个页面的最佳方法是什么。到目前为止我使用的不同代码段

iframe=$('<iframe>');
iframe[0].appendChild('<scr' + 'ipt type="text/javascript" src="https://somecode.com/code/js-widget/orderingWidget.js"></scr' + 'ipt>');

错误：影响整个页面并通过控制台触发，而不是实际调用的函数。提前谢谢。 PS：我使用了content.document和content.window.document，两者都返回未定义

var previewDoc = window.frames[0].document;

                previewDoc.write("<!DOCTYPE html>");
                previewDoc.write("<html>");
                previewDoc.write("<head>");
                previewDoc.write("<style type='text/css'></style>");
                previewDoc.write("<script type='text/javascript' src='https://somecode.com/code/js-widget/orderingWidget.js'");
                previewDoc.write("</head>");
                previewDoc.write("<body>");
                previewDoc.write("test");
                previewDoc.write("</body>");
                previewDoc.write("</html>");
                previewDoc.close();

$(function() {  
                 $iframe = $('#myiframe');
                 $iframe.ready(function() {
                 $iframe.contents().find("body").append('Test');
                 });
             });