我在尝试实现Iframe指令时遇到问题。就我而言:模板:指令:angular.module('project.directives',[]).directive('externalIframe',['$rootScope',function($rootScope){return{restrict:'C',replace:true,transclude:true,scope:{src:'@iframeSrc',//thesrcusesthedata-bindingfromtheparentscope},template:'',link:function(scope,elem,attrs)
我试过window的很多属性,看看iframe中的页面是否可以判断它是否在iframe中。我试过:if(top.location!=self.location)//doesn'tworkinGoogleChromealert("Iaminaniframe!")这不起作用(适用于除Chrome之外的所有浏览器)。我正在为Firefox和Chrome编写用户脚本,但Chrome确实不正常。有没有办法判断Chrome是否可以检测其页面是否在iframe中? 最佳答案 这适用于框架,我认为它也适用于iFrameif(top===self){
我想在页面中添加一个iframe。此iframe应引用一个URL。我将以下代码添加到页面HTML,但它不起作用:document.createElement(''); 最佳答案 给你:variframe;iframe=document.createElement('iframe');iframe.src='http://example.com/file.zip';iframe.style.display='none';document.body.appendChild(iframe);现场演示:http://jsfiddle.net
如何刷新iframe?例如:我点击这个iframe中的“视频”,然后点击一个按钮来刷新iframe,我希望当iframe刷新时,出现在那个“视频”页面上。 最佳答案 由于单源策略,您无法刷新其中的内部文档。您是否尝试过更改iframe的src属性并添加随机GET字符串以强制重新加载?这应该有效:document.getElementById("myiframe").src="http://www.google.com?"+(+newDate()); 关于javascript-刷新ifra
我需要从同一域获取iframe的全部内容。完整内容意味着我想要从开始的所有内容(包括),不仅内容。内容在加载后被修改,所以我无法从服务器再次获取它。 最佳答案 我相信我已经找到了最好的解决方案:vardocument=iframeObject.contentDocument;varserializer=newXMLSerializer();varcontent=serializer.serializeToString(document);在content中,我们有完整的iframe内容,包括DOCTYPE元素,这在以前的解决方案中是
我正在寻找正确的方法来确保在ipad/iOS5上的iframe中滚动后动态显示的内容可见。OhIframes和iPad-你真是个了不起的老栗子。我知道:iPad将iframe扩展到其中内容的整个高度(几乎就像它使用HTML5的“seamless”属性,但不完全是因为它不从父级继承样式或事件)。对许多人来说很奇怪,很烦人,但却是事实。因此是无用的,因为它根据其内容调整大小,而不是根据容器调整大小我需要将我的iframe包装在一个div中-啦啦或者介绍一些trickery设置框架的滚动位置(我认为这是基于thisarticle中提到的技巧)我的问题是,在iframe主体内动态显示的内容(例
在我的应用程序中,用户只需粘贴一个指向诸如youtube或vimeo视频或某些soundcloud音频的链接,然后它就会找出如何通过oembed嵌入这些内容。因此,如果您将链接粘贴到从地址栏复制的视频,它就可以识别出来。如果您在应用程序的“共享对话框”中粘贴应用程序踢出的共享链接,它也可以工作。如果您粘贴iframe嵌入代码,我可以解析它并根据白名单检查它,您会再次得到完全相同的结果。我也想添加谷歌地图嵌入,但它不支持嵌入。此外,您现在可以获得“经典”(或旧的)Googlemap,但您也可以获得新的googlemap。(更复杂的是,您还可以获得谷歌地图引擎,但我们暂时忽略它......
我正在尝试调试iframe的contentWindow,但每次我尝试在chrome59上查看contentWindow对象时dev-tools页面崩溃。将contentWindow属性悬停在断点上或单击控制台记录的对象时会发生这种情况。我正在使用ReactJS,所以我创建了一个Reactfiddle,尽管我认为这不相关。Fiddletoreproduce:打开开发工具点击“试用”单击console.logged对象。有没有办法避免崩溃? 最佳答案 由于新的contextselection,这似乎已在chrome60上得到修复.特征
我制作了一个组件,用于在我的React应用程序中嵌入YouTube视频,效果很好。为此,我使用了iframe。但即使它有效,我也不知道为什么但我得到了这个错误。sw.js:5UncaughtTypeError:Object.definePropertycalledonnon-object这似乎是一个youtube问题,因为如果我在iframe中使用另一个URL比:https://www.youtube.com/embed/ZJD1zoAaCmo例如:https://www.dailymotion.com/embed/video/xwr14q我不会再有错误了如果您有任何想法,我们将不胜感
我想使用iFrame和javascript进行打印。以下是我的示例代码:JavascriptfunctionprintDiv(divP){window.frames["print_frame"].document.body.innerHTML=$(divP).html();window.frames["print_frame"].window.focus();window.frames["print_frame"].window.print();}HTML此代码仅适用于IE和Mozilla。其他浏览器正在打印白页。我不想使用媒体查询。可能的问题是什么? 最佳