草庐IT

embed_iframe

全部标签

javascript - IE - IFRAMES/数据 URI

我需要在沙盒View中显示内容,主要是完整的html文档(...)。我正在使用带有srcdatauri的沙盒iframe。variframe=document.createElement('iframe'),content='Hello';iframe.sandbox='';iframe.src='data:text/html;charset=utf-8,'+content;document.body.appendChild(iframe);不幸的是,InternetExplorer不支持它...有任何解决方案/解决方法吗? 最佳答案

Javascript 和同源 iframe

是否可以使用页面上但在此框架之外的脚本读取/编辑iframe内容(不仅是src等属性)?我知道如果源来自其他站点,那是不可能的,因为这将是一个很大的安全漏洞,但我只问它是否适用于来自同一来源的其他内容。 最佳答案 是的,如果iframe和父页面的位置属于同一主机(同源策略),则可以这样做。为确保浏览器允许您这样做,您可以使用document.domain="example.com"在父页面和iframe中。(注意subdomain.example.com和example.com是不同的)执行此操作的Dom方法(iframe的父页面)

javascript - 在 IE 中打印 iframe

我有一个按钮,可以将要打印的报告加载到div内的“不可见”iframe中并打印该iframe;用户按下按钮打印报告(包含在不同的页面上),而无需更改页面或除了打印对话框之外的任何视觉中断。它适用于Chrome和Firefox,但不适用于IE。在IE中,父页面被完整打印,并且在页面底部(我正在加载iframe的地方)插入了一个困惑的iframe。这是没有内容的空div,它就在那里,所以我有一个ID标记的地方来设置样式并使用Javascript粘贴内容:这是javascript函数,单击我的按钮时,此函数将触发并将我的打印页面插入到printerDiv内的iframe中,加载此页面后,它会

javascript - 在 iframe 中获取子对象的实例

我需要自动化一个Web表单,该表单使用iframe嵌入子“表单”,可以将其视为单独的html页面。因此,您会得到一个父文档,其中包含他们称之为iframe的View字段。在iframe中是“子”嵌入式网页。一个简单的例子:我已经删除了很多html以将其缩小到合理的大小那么嵌入的子html可以像这样简单:Register:STYLE=中包含的html看起来有点奇怪-不确定为什么会这样。但我可以看出它有点像iframe。我有一个顶级文档对象的实例和一个id=123的div实例。我需要自动化子项中的textarea对象。我尝试了以下方法,但没有用。varviewfields;//isaref

javascript - scrollIntoView 仅适用于 IFRAME

我在页面内有一个带有滚动条的元素,通过JS调用element.scrollIntoView()在页面加载时显示该元素-正如预期的那样工作正常。现在,如果我将此页面放入一个IFRAME中,则调用element.scrollIntoView()不仅会将iframe内的元素带到iframe的顶部-如果父页面有其滚动条自己-它也滚动父页面,将相关元素也带到父页面的顶部。我知道这可能是设计使然的行为,但是是否有办法将“scrollIntoView”行为仅包含在IFRAME中,或者是否有任何替代方法来实现此行为(不影响父页面)。 最佳答案 Fi

javascript - Firefox 上的 Vimeo iFrame 窃取鼠标滚轮事件

我在这里做了这个例子:http://jsbin.com/pokahec/edit?html,output//createsaglobal"addWheelListener"method//example:addWheelListener(elem,function(e){console.log(e.deltaY);e.preventDefault();});(function(window,document){varprefix="",_addEventListener,onwheel,support;//detecteventmodelif(window.addEventListen

javascript - 检查网站是否不允许嵌入 iframe

我正在为我的应用程序编写一个类似灯箱的简单插件,我需要嵌入一个链接到任意页面的iframe。问题是,许多网站(例如facebook、nytimes,甚至stackoverflow)会检查是否嵌入到框架中,如果是,将刷新页面并将其自身作为父页面。这是一个已知问题,我认为对此无能为力。但是,我希望能够事先知道站点是否支持嵌入。如果没有,我想在新选项卡/窗口中打开页面,而不是使用iframe。有什么技巧可以让我在javascript中检查这个吗?也许有一个服务器端脚本可以检查链接以查看它们是否允许嵌入iframe?我正在开发一个浏览器扩展,所以有机会做一些非常有创意的事情。我的扩展程序加载到

javascript - 从页面中删除 iframe

我正在为提交表单动态创建一个iframe,提交后我需要从页面中删除iframe。我按如下方式删除了它,但它没有被删除,functionremove(){varframe=document.getElementById("upload_iframe"),varframeDoc=frame.contentDocument||frame.contentWindow.document;frameDoc.removeChild(frameDoc.documentElement);}如何从表单中完全删除ifarme。谢谢 最佳答案 框架有两种行

javascript - 根据内部动态内容更改 iframe 高度

这个问题在这里已经有了答案:关闭10年前。PossibleDuplicate:Resizinganiframebasedoncontent我正在尝试将我的一个页面加载到iframe中。我永远不确定页面有多大,页面上的数据是动态加载的。我希望iframe始终适合页面,无论它有多大或多小。这是我拥有的:functionloadModal(){myframe=$('');myframe.appendTo($('html'));varheight=document.getElementById('modalPreview').contentWindow.document.body.scroll

javascript - 使用 Nightwatch 访问 iFrame 元素

我正在使用Nightwatch来测试是否为div赋予了正确的值在iframe中。我的html;#document这是我的守夜人测试;module.exports={'LeaderboardVisibility':function(client){client.url(some_url).waitForElementVisible('body',5000).waitForElementPresent('#leaderboard>iframe',10000).pause(5000).frame(0).pause(5000).waitForElementPresent('div#ad-dat