草庐IT

embed_iframe

全部标签

javascript - 加载或重定向 iframe 时位置固定的元素跳转(仅限 iPad)

要看清问题。请观看以下YouTube视频。Positionfixedelementsjumparoundwhenredirectingiframe或试用本网站上的小部件(iPad)NaiiseNote:Thesiteinvideoisdifferentfromthesiteabovesincetheownerdoesn'twannausethewidgetanymorebeforetheproblemisfixed.Buttheyarehavingthesameproblem.Onemorething:Allfixedelementsontheparentsitejumparoundn

html - 当 iframe 高度可变时嵌入 iframe

我有一个iframe,它的高度是事先不知道的。目前,如果iframe加载的部分太小,iframe会加载内部滚动条。如果iframe恰好是一个较短的iframe,则在页脚开始之前iframe下方有空白区域。是否有针对此类问题的解决方案? 最佳答案 好吧,按照@relief.melone的建议,添加简单的JS代码来获取iframe内容高度并设置容器高度就可以了。其他可以提供帮助的简单解决方案,作为替代方案:https://github.com/davidjbradshaw/iframe-resizer

javascript - 花式框不打开 iFrame 第二次

第一篇文章-你好!我使用fancybox(Fancyboxhomepage)来显示模态窗口。我正在尝试在此div内显示一个带有iFrame的隐藏div。效果很好。第二次单击该链接时,它不会加载iFrame(不是404错误,只是iFrame中没有内容)。谁能帮忙?重要的部分:functionopenIframeLink(){$.fancybox({'type':'inline','href':'#data'});};和HTML: 最佳答案 遇到了同样的问题。根据Frode的评估,它正在剥离src属性,我在我的fancybox调用中添加

javascript - 表单未提交到 iFrame,在新标签页中打开

我正在使用以下html开始表单代码:尝试加载页面,但是页面在新选项卡中打开。我认为这不是问题的一部分,但无论如何我都会包括在内。这是表单中的提交按钮代码:这是它调用的函数:functionsubmitFormAfterImageCheck(){if(/(\.jpeg|\.jpg|\.JPG|\.gif|\.png|\.tiff)$/.test(document.getElementById("filename").value)){nogo="go";document.getElementById("uploadpic").submit();$("#upload").html("LOAD

javascript - 如何在 Google 搜索结果页面中嵌入 iframe

无论出于何种原因,这并不重要,我正在尝试通过iframe将googleshopping与另一个页面结合起来。我已经尝试了建议的方法here,包括在iframe中嵌入谷歌自定义搜索查询,但谷歌自定义搜索不允许访问购物标签。我想,如果你不能嵌入谷歌,那就把自己嵌入其中。所以我开始在页面中注入(inject)一些jQueryvarjq=document.createElement('script');jq.src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js";document.getElementsByT

javascript - Angular 2 iframe混淆

我正在尝试更改Angular2中iframe内元素的值。我尝试了很多东西,但始终无法使用getElementById()引用项目。.我有一个测试场景在一种情况下有效,而在另一种情况下无效,这让我更加困惑:组件.html测试.htmlWow工作typescript(打印Wow)exportclassMyComponentimplementsAfterViewInit{@ViewChild('iframe')iframe:ElementRef;ngAfterViewInit(){vardoc=this.iframe.nativeElement.contentDocument;doc.ope

html - 使用没有src属性的vuejs在iframe中渲染组件

我想在此iframe中呈现组件。是否有在iframe中创建html元素或渲染组件的选项?newVue({el:'#frame',store:store,router:router,render:component}) 最佳答案 对我来说最简单的方法是使用srcdoc属性。它加载原始html覆盖src属性。更新:更详细的示例:考虑用户html输入的文本区域并希望在iframe中显示。exportdefault{name:"App",data(){return{html:"HelloIamH1block"}}};

javascript - 如何动态调整 iFrame 的大小(跨浏览器解决方案)

我正在尝试在Drupal页面上包含一个iframe。到目前为止,我成功地包含了框架,但我编写的高度调整功能只能在InternetExplorer中使用。我的目标是让调整大小在Firefox和Chrome中也能正常工作。我在Internet上进行了搜索,但找不到我要找的东西。长话短说,我希望我的框架能够自动调整高度。这是我目前所做的(这是Drupal中包含的HTML页面的代码):functionresize(){variframe=document.all.icw;document.getElementById("icw").style.height=iframe.document.bo

java - iframe 在 org.apache.catalina.connector.OutputBuffer.realWriteBytes(OutputBuffer.java:369) 导致 ClientAbortException : java. io.IOException

我正在使用iframe显示pdf文件,用户可以保存、打印等。但是当用户返回或其他地方时,总是会抛出此错误:ClientAbortException:java.io.IOExceptionatorg.apache.catalina.connector.OutputBuffer.realWriteBytes(OutputBuffer.java:369)atorg.apache.tomcat.util.buf.ByteChunk.flushBuffer(ByteChunk.java:448)atorg.apache.tomcat.util.buf.ByteChunk.append(ByteC

javascript - 如何从 Iframe 打开新标签页?

我有一个用php构建的网站,在某些页面中我显示了一个带有另一个网站链接的iframe,它显示了它的登录屏幕。两个网站都在不同的域中。点赞主站:http://www.abcd.comIframehref:http://www.xyz.com现在我的用户在abcd.com中看到一个页面,其中有一个iframe显示xyz.com的登录屏幕现在我想要的是,如果用户登录到xyz.com,另一个新选项卡应该打开主页,在登录xyz.com之后,abcd.com选项卡应该关闭。是否可以使用适用于所有浏览器(包括IE7、8、9)的javascript或jquery??谢谢 最