Tag: iframe

如何dynamic更改使用jQuery的iframe中的内容？: 我想知道是否有可能有一个网站的iframe和一些jQuery代码，每30秒更改iframe的内容。内容在不同的网页。像这样的东西： <html> <head> <script type="text/javascript" src="jquery.js"></script> <script> $(document).ready(function(){ var array = new array(); array[0] = 'http://webPage1.com'; array[1] = 'http://webPage2.com'; // And so on. // Do something here to change the iframe every 30 second }); </script> </head> <body> <iframe id="frame"></iframe> </body> </html>

有没有办法改变在JavaScript控制台的iframe的上下文？: 我想改变在webkit开发工具/萤火虫控制台中执行的JavaScript的上下文，以执行其代码，就像它从页面上的iframe内部运行一样。我知道我可以通过在单独的页面上打开iframe中的页面来做到这一点，但我想运行与父框架交互的代码。

iframe，embedded和对象元素之间的区别: HTML5定义了几个embedded式内容元素，从鸟瞰angular度来看，它似乎非常类似于大致相同的点。 iframe ， embed和object之间的实际区别是什么？如果我想从第三方网站embeddedHTML文件，我可以使用哪些元素，以及它们会有什么不同？

在iFrame jQuery中select一个元素: 在我们的应用程序中，我们parsing一个网页并将其加载到iFrame中的另一个页面中。该加载的页面中的所有元素都有它们的tokenid-s。我需要通过那些tokenid-s来select元素。手段 – 我点击主页上的一个元素，并在页面中select相应的元素在iFrame中。在jQuery的帮助下，我按照以下的方式来做： function selectElement(token) { $('[tokenid=' + token + ']').addClass('border'); } 但是，使用这个function，我只能select当前页面中的元素，而不是在iFrame中。任何人都可以告诉我如何select加载的iFrame中的元素？谢谢。

用给定的HTMLdynamic创build一个iframe: 我试图从JavaScript创build一个iframe，并用任意的HTML填充它，如下所示： var html = '<body>Foo</body>'; var iframe = document.createElement('iframe'); iframe.src = 'data:text/html;charset=utf-8,' + encodeURI(html); 我希望iframe ，然后包含一个有效的窗口和文件。但是，情况并非如此： > console.log（iframe.contentWindow）; 空值试试看： http : //jsfiddle.net/TrevorBurnham/9k9Pe/ 我忽略了什么？

使一个iframe响应: 我正在阅读这个标题为“你能使iFrame响应吗？”的stackoverflowpost ，其中一个评论/答案让我这个jfiddle。但是当我试图实现HTML和CSS来适应我的需求，我没有相同的结果/成功。我创build了我自己的JS小提琴，所以我可以告诉你它是如何工作不一样的我。我确定它与我使用的iFrame的types有关（例如，产品图像可能需要响应太多或什么？）我主要担心的是，当我的博客读者在他们的iPhone上访问我的博客时，我不希望所有内容都在x宽度（对于我所有的内容都是100％），然后iFrame是错误的，并且是唯一更宽的元素超出所有其他内容 – 如果这是有道理的??）无论如何，有谁知道为什么它不工作？谢谢。这里是我的JSFIDDLE的HTML和CSS（如果你不想点击链接）： <div class="wrapper"> <div class="h_iframe"> <!– a transparent image is preferable –> <img class="ratio" src="http://www.brightontheday.com/wp-content/uploads/2013/07/placeholder300.png"/> <iframe frameborder='0' height='465px' width='470px' scrolling='no' src='http://currentlyobsessed.me/api/v1/get_widget?wid=30&blog=Brighton+The+Day&widgetid=38585' frameborder="0" allowfullscreen></iframe> </div> </div> 这里是随附的CSS： .wrapper {width:100%;height:100%;margin:0 auto;background:#ffffff} .h_iframe {position:relative;} .h_iframe .ratio {display:block;width:100%;height:auto;} .h_iframe iframe {position:absolute;top:0;left:0;width:100%; height:100%;}

隐藏iframe上的水平滚动条？: 我需要使用css，jquery或js隐藏iframe上的水平滑动条。

如何在https网站上的iframe中允许http内容: 我将一些HTML加载到iframe中，但是当引用的文件使用http而不是https时，出现以下错误： [blocked] {current_pagename}中的页面从{referenced_filename}中运行不安全的内容有什么办法可以关掉它或以任何方式解决它？ iframe没有src属性，内容使用如下设置： frame.open(); frame.write(html); frame.close();

iFrame src更改事件检测？: 假设我无法控制iframe中的内容，是否有任何方法可以通过父页面检测到src的变化？某种onload可能？我最后的手段是做一个1秒的间隔testing，如果iframe src是一样的，但做这个hacky解决scheme会吸。如果有帮助，我正在使用jQuery库。

IFRAME完成加载时的Javascriptcallback？: 当IFRAME完成加载时，我需要执行一个callback。我无法控制IFRAME中的内容，所以我无法从那里触发callback。这个IFRAME是编程创build的，我需要在callback中将其数据作为variables传递，并且销毁iframe。有任何想法吗？编辑：这是我现在拥有的： function xssRequest(url, callback) { var iFrameObj = document.createElement('IFRAME'); iFrameObj.src = url; document.body.appendChild(iFrameObj); $(iFrameObj).load(function() { document.body.removeChild(iFrameObj); callback(iFrameObj.innerHTML); }); } 这个callback在iFrame加载之前，所以callback没有数据返回。