草庐IT

embed_iframe

全部标签

javascript - 在所有浏览器中传递来自 iFrame 的消息

我有一个可嵌入的iframe,将在第3方网站上使用。它有几个表格要填写,最后必须通知父页面它已完成。换句话说,当点击按钮时,iframe需要将消息传递给它的父级。在“不,跨域策略是个SCSS”的海洋中跋涉之后,我找到了window.postMessage,HTML5规范草案的一部分。基本上,您在页面中放置以下JavaScript以从iframe捕获消息:window.addEventListener('message',goToThing,false);functiongoToThing(event){//checktheorigin,tomakesureitcomesfromatru

html - 强制 iFrame 链接(在嵌入式 Google 文档中)在新窗口中打开

非常奇怪,似乎无法将Google文档链接设置为在新窗口中打开。(target="_blank")。发布Google文档并使用嵌入功能时,会生成一个iframe片段:文档中的所有链接都将在iFrame中打开并通过google的重定向服务重定向:http://www.google.com/url?q=有什么方法可以让这些链接在新窗口中打开?我知道可能存在跨框架脚本问题,所以谷歌没有简单的方法来实现这一点很奇怪...... 最佳答案 好吧,由于没有更好的选择,我决定在将Google文档URL加载到iFrame之前curlGoogle文档U

javascript - 从 iframe 内部检测 <iframe> 高度和宽度

我怀疑这是否真的可行,但我准备接受纠正。我需要的是能够从iframe中检测iframe的宽度和高度,所以如果iframesrc是iframeContent.html我需要能够在此页面上显示值。我无法控制托管iframe的页面,只能控制iframe的内容。这可能吗? 最佳答案 无论页面是否加载到iframe中,您始终可以获得网页尺寸。或一个新窗口,它始终以相同的方式工作。这是我发现用于获取window的函数尺寸,你也可以用它来获得维度。functionalertSize(){varmyWidth=0,myHeight=0;if(typ

html - 如何在 <object> Embed 上获得 height=100%

我正在尝试插入以下代码,但它不起作用。我无法用这个获得100%的高度。谁能帮我?谢谢! 最佳答案 如果您想将嵌入对象跨越全屏,请使用100vh作为高度。 关于html-如何在Embed上获得height=100%,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/16584237/

html - 在基于维基媒体的 Wiki 中嵌入 iframe

我一直在尝试将iframe嵌入到我正在基于维基媒体而不是实际维基百科的维基页面中,但没有任何运气。我也尝试过谷歌搜索这个主题,但没有结果。对此请提出任何建议。谢谢。 最佳答案 有简单的方法和稍微困难的方法。简单的方法假设您没有可公开编辑的wiki(即,未登录的用户无法编辑并且创建帐户不是自动的)。如果是这种情况,只需设置$wgRawHtml设置为true,您将能够通过将任意HTML包装在中将其输入到您的页面中标签。这是一个例子:Thisis'''wikitext'''.ThisisHTML.现在,如果您有一个可公开编辑的wiki,您

javascript - jQuery onload - .load() - 事件不适用于动态加载的 iframe

当用户单击按钮时,我的脚本会加载一个iframe。我想在iframe加载后调用另一个函数,但它不起作用。iframe确实加载正常,但.load()事件在iframe完成加载后永远不会被调用。iframe包含来自同一网站的内容(无外部内容)。奇怪的是,我在我的代码的其他几个点上使用了下面描述的相同技术,并且效果很好。谁能建议我接下来应该检查什么?相关代码如下:$('#myIframe').load(function(){alert('iframeloaded');});$('#someButton').live('click',function(){$('body').append($(

html - HTML5 iframe 沙盒属性的值

我一直在阅读HTML5的sandbox的属性秒。根据文档sandbox属性允许开发人员有选择地限制可以在中执行的操作.沙箱属性纯粹是一种安全措施吗?sandbox属性使Web设计人员能够实现任何新功能,如果可以,谁能指出任何示例? 最佳答案 好吧,它纯粹是一项安全功能,但它确实也允许新功能。以嵌入第三方(用户)内容(例如HTML文件)为例。传统上,您需要设置一个单独的域来提供该内容,但是现在您可以简单地从任何您想要的地方提供它,并将其视为来自单独的域。最重要的是,它可以阻止此第三方内容执行某些您以前无法阻止的操作,例如:allow-

javascript - 纵横比为 16 的水平和垂直居中的 iframe :9 that uses as much screen estate as possible without being cropped anywhere

要求:HTML:iframe必须位于包含的div中。请参阅下面的代码。CSS:使用vw和vh视口(viewport)单位。请在下面输入代码。是的,width和heightHAS在vw和vh中>.不应裁剪静态视频预览图像。绝不。静态视频预览图像的上方和下方应不有任何黑条(黑边)。静态视频预览图像应该不在左侧或右侧有任何黑条(邮筒)。静态视频预览图像应在包含它的div内使用尽可能多的空间。静态视频预览图像应始终保持其16:9的纵横比。滚动条应该永远出现。静态视频预览图像应在包含它的div内垂直和水平居中。响应式网页设计。调整浏览器或视口(viewport)大小时,应满足上述所有要求。HTM

html - 自动设置 iframe 高度

我需要在一个框架内嵌入一个HTML页面,我正在使用以下代码:我正在尝试将高度设置为自动,以便框架自动调整到页面长度,而不必像我在这里所做的那样对高度进行硬编码。我尝试了height:auto和height:inherit但它没有用。 最佳答案 试试这个编码 关于html-自动设置iframe高度,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/15255858/

html - 缩放 PDF 以适合 iFrame

关闭。这个问题不符合StackOverflowguidelines.它目前不接受答案。我们不允许提问寻求书籍、工具、软件库等的推荐。您可以编辑问题,以便用事实和引用来回答。关闭2年前。Improvethisquestion我需要缩放PDF文件以适应iFrame。它需要响应,因此PDF应随设备宽度缩放,以便PDF文档显示完整的页面。如果Bootstrap中有免费的插件或功能可以实现这一点,我会很高兴听到。提前致谢!