草庐IT

the-iframe-element

全部标签

javascript - d3 : what is the self as in d3. select(self.frameElement).style ("height", height + "px");

我在许多D3示例中看到过如下语句。但是,我无法找出它的含义。特别是,我不知道这个self变量指的是什么。此外,这是否体现了某种D3魔术/惯例,或者它只是一个临时的东西?非常感谢。d3.select(self.frameElement).style("height",height+"px");顺便说一句,here是我复制上面语句的例子。 最佳答案 self:如果没有重新定义(通常作为this的副本),那么它就是始终指向windowwindow对象。因此它们可以互换使用。window.frameElement:返回嵌入窗口的元素(例如或

javascript - 在 IE 中打印 iframe

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

javascript - 谷歌地图 JS : How do I get the small tooltip marker on hover AND the normal info window on click?

所以像这样检查任何谷歌地图结果:http://g.co/maps/htdva如果将鼠标悬停在标记上,您会看到工具提示。如果你点击它,你会得到一个大的信息窗口。我通过以下方式让信息窗口正常工作:thisstackoverflowanswer这是迷你工具提示和信息窗口的图片:这是一个jsFiddle演示:http://jsfiddle.net/3VMPL/ 最佳答案 将标记的标题属性设置为您想要的工具提示。vartooltip="sometext";marker=newgoogle.maps.Marker({map:map,positi

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 - 删除 :active pseudo-class from an element

我希望能够告诉一个元素它不再是:active以便CSS规则不再适用。有没有办法在JavaScript中做到这一点? 最佳答案 可能的解决方案:1)使用类:JS:document.getElementById("element").classList.remove("hasactive");CSS:#element.hasactive:active{background:blue;}2)阻止默认的mousedown功能(事件状态):编辑:显然,这只适用于Firefox。JS:document.getElementById("eleme

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