Tag: iframe

使用jQuery的iframe: 我有一个纯JS的脚本，它接受代码并将其插入到iframe中： var html = “Some HTML to insert” var iframe = document.getElementById(‘contentsframe’); iframe = (iframe.contentWindow) ? iframe.contentWindow : (iframe.contentDocument.document) ? iframe.contentDocument.document : iframe.contentDocument; iframe.document.open(); iframe.document.write(html); iframe.document.close(); 我想创建一个jQuery插件，因为我经常使用这段代码，我尝试了几种方法来获取jQuery的iframe： var iframe = $(‘#contentsframe’); var iframe = $(‘#contentsframe’).contents(); 这两个似乎都返回了错误类型的对象，然后调用document.open，write或close。我们知道解决方案吗？干杯 EEF

如何将外部源加载到iframe而不是下载？: 我有一个iframe，我试图在src中放置一个链接。 src是一个通常从服务器下载到文件系统的html文件，但我现在想要在iframe中显示它。有没有办法强制iframe加载它在src中得到的任何东西，而不是下载它？编辑：我正在使用jquery， $(‘#webinfo’).attr( “src”, path); webinfo是我的iframe。当我加载它时，它将路径指向的html文件放在我的下载文件夹中，而不是在我的iframe中显示它。这是我对iframe的定义。和我的CSS #webdiv{ display: block; overflow-x: hidden; overflow-y: scroll; height: calc(100% – 40px); } .webdivSetup{ height: 100%; width: 100%; border: none; }

在使用chrome的modal dialog中加载youtubevideo时出错: 我创建了一个模式对话框来播放youtubevideo。当用户点击video的缩略图时，它会打开对话框并使用这行jQuery注入youtube iframe： videoModal.html(“”); 我只在Chrome中收到以下错误，所有其他浏览器都不会抱怨不安全的JavaScript尝试使用URL http://www.youtube.com/embed/MyVideoID?autoplay=1从具有URL http：// myDomain /的框架访问框架。域，协议和端口必须匹配。有任何想法吗？我应该担心这个吗？任何帮助或建议表示赞赏。

如何访问iframe的$（document）.ready（function（）{}）中包含的函数？: 所以我有一个iframe，它有一些函数包含在这样的$（document）.ready（function（）{}）中。 $(document).ready(function(){ function foo(){ // do some stuff } }); 我知道我可以用$（’iframe’）。contents（）。find（’something’）之类的东西访问DOM，但是我可以从上面访问foo（）函数吗？

iframe沙盒使用’allow-same-origin’标志错误: 有人可以提供有关此错误的更多信息以及’allow-same-origin’标志的工作原理吗？我在Chrome浏览器中遇到iframe Sandboxing错误： Uncaught SecurityError：无法从’HTMLIFrameElement’读取’contentDocument’属性：沙箱访问冲突：阻止“ http://192.168.0.169 ”的帧访问“ http://192.168.0.169 ”的帧。被访问的框架是沙箱，缺少“allow-same-origin”标志。我很困惑，为什么当192.168.0.169的帧从同一个ip地址访问另一帧时，我需要’allow-same-origin’标志。非常感谢你。

将焦点设置为IE中的iFrame: 我的应用程序中有一个树状菜单，点击菜单项后，它会在iFrame中加载一个url。我喜欢将焦点设置在iFrame中加载的页面元素中。我正在使用这个代码，它在IE以外的所有浏览器中都能很好地工作： var myIFrame = $(“#iframeName”); myIFrame.focus(); myIFrame.contents().find(‘#inputName’).focus(); 我尝试了所有不同的选项，比如使用setTimeout，但没有机会。页面加载后，当我按Tab键时，它转到第二个输入，这意味着它已经在第一个输入，但它没有显示光标！我正在使用ExtJS和ManagedIFrame插件。任何帮助表示赞赏。

使用激活码发布小部件（Web应用程序）: 我不知道这是否是提出这个问题的合适地方，但我只是想去做。我一直试图弄清楚我想如何发布我的网络应用程序。这是我的情况：我已经创建了一个Web应用程序。想要使用此应用程序的人可以自由使用。但他们需要在我们的网站上注册。应用程序需要绑定到唯一键。只要他们在我们的网站上注册，就会生成此密钥。该应用程序托管在我们的服务器上。 Web应用程序需要易于实现。我见过：我见过其他生成JS脚本的服务，例如： window.exampleApi = { l: [], t: [], on: function () { this.l.push(arguments); } }; (function () { var done = false; var script = document.createElement(‘script’); script.async = true; script.type = ‘text/javascript’; script.src = ‘https://app.example.com/VisitorWidget/WidgetScript’; document.getElementsByTagName(‘HEAD’).item(0).appendChild(script); script.onreadystatechange = script.onload = function (e) { if […]

如何通过链接隐藏iframe（跟随鼠标）？: 我有一个iframe绑定到mousemove。这意味着这个iframe随处可见鼠标光标。但我需要隐藏/禁用/使其在通过链接时不可见。我需要在通过链接时隐藏/禁用iframe，否则链接将变得无法点击（因为iframe已经超过它）。它必须是通用链接，所以我不能使用id，它必须与一般链接标记相关回答： http ： //jsfiddle.net/ZPA5g/ 我将隐藏表单中的链接，输入和图像或我需要的任何元素。阅读两个答案的评论，检查其差异。两者都有效。

如何使用KnockoutJS数据绑定iframe的内容？: 任何人都可以告诉我如何使用Knockout将数据绑定到iframe ？我试过这样做，如下所示，但它没有按预期工作：和Javascript： var ViewModel = function (content) { this.testcontent = ko.observable(content); }; ko.applyBindings(new ViewModel(“Hello World!!”)); 我想在iframe添加“Hello Content”文本。有人可以帮我吗？

使用jQuery和iFrame下载大文件 – 需要一个File Ready事件，这样我就可以隐藏加载的gif: 我正在使用jQuery下载一些需要一些时间来创建的文件，所以我展示了一个加载gif来告诉用户耐心等待。但问题是，加载gif当前显示并隐藏在瞬间。有没有办法让我在下载完成后隐藏加载gif并且用户在屏幕上显示Save File弹出窗口？ HTML JS var reportId = $(this).closest(“tr”).attr(“data-report_id”); var url = “/Reports/Download?reportId=” + reportId; var hiddenIFrameId = ‘hiddenDownloader’; var iframe = document.getElementById(hiddenIFrameId); if (iframe === null) { iframe = document.createElement(‘iframe’); iframe.id = hiddenIFrameId; iframe.style.display = ‘none’; document.body.appendChild(iframe); } iframe.src = url; $(“.loading”).hide(); 我最终使用的解决方案 $(“#download”).on(“CLICK”, function () { var button = $(this); button.siblings(“.loading”).show(); var […]