js判断当前页面是否在iframe中。 //方式一 if (self.frameElement && self.frameElement.tagName == "iframe") { alert('在iframe中'); } //方式二 if (window.frames.length != parent.frames.length) { alert('在iframe中'); } //方式三 if (self != top) { alert('在iframe中'); } 最近在做一个项目,判断自身页面是否在iframe中,如果不存在,则让最顶部的窗口重定向一下......
iframe刷新另一个iframe。 <a href="#" onclick="parent.top.location.reload()">刷新顶部iframe</a> 上面的代码用来刷新另一个iframe,其中的 top 为另一个 iframe 的 id 。
应用场景,当iframe内发生点击事件内容改变时,如果我们想获取变化后的iframe的 src 属性值,根据相应的 src 值做一些特殊处理。这里我们就可以使用如下方式去获取: <iframe src="http://www.phpernote.com/" onload="loadFrame(this)"></iframe> <script type="text/javascript"> function loadFrame(obj) { var url = obj.contentWindow.location.href; if (url.indexOf("bizOrderId") != -1) { ......
HTML iframe 标签的作用就是创建包含另外一个文档的内联框架(即行内框架),通俗点的说法就是在一个html页面嵌入另外一个html页面。这个标签在实际工作中还是比较常见而且重要的。比如一般web项目的后台基本都要用到iframe,还有我们登录各种邮箱也经常会看到点击左边链接,右边网页跟着切换等的效果,基本都是通过iframe实现的。 所有浏览器都支持iframe标签,因此不存在兼容性问题。 iframe 比较常见的用法如下: <iframe ......
iframe页面是嵌在父页面里的,一般在 iframe 里面做相关动作时默认都是 iframe 页面的,不会影响到父页面。那么如果需要在 iframe 的子页面里面操作父页面的元素该如何办呢? iframe 子页面操作父页面元素需要知道的两点是: (1)iframe 子页面和父页面必须属于同一个域下。 (2)iframe 页面获取父页面的对象方法是 parent。 举例说明: <body> <div id="test"></div> <iframe src="http://www.phpernote.com/javascript-......
辛辛苦苦做出来的网站却被别人使用 iframe 给你套了个马甲就成了他的页面内容,你有何感想?会火冒三丈,痛骂 iframe 自己网页的人不道德吧!这里就介绍几种方法教你如何防止自己的网站,网页被别人 iframe 走了。 (1)第一种禁止页面被 iframe 的方法,在页面加入如下JS代码: <script type="text/javascript"> if(top.window.location.href!=window.location.href){ top.window.location.href=window.location.href; ......
对于 javascript 操作 iframe 父级页面元素的方法,大家应该都非常清楚了,下面结合当前非常流行的 jquery 分享一下如何使用 jquery 查找和操作 iframe 父级页面元素的实现代码。实例如下: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>父级页面</title> </head> <body> <div id="example">这是父级页面!</div> <div> <iframe src="iframe.html"></iframe> </div> ......
javascript实现刷新iframe的方法的总结,现在假设存在下面这样一个iframe,则刷新该iframe的N种方法有: <iframe src="1.htm" name="ifrmname" id="ifrmid"></iframe> 第一种方法:用iframe的name属性定位 <input type="button" name="Button" value="Button" onclick="document.frames('ifrmname').location.reload()"> 或者 <input type="button" name="Button" value="Button" onclick="document.all.ifrmname.document.loc......
在页面中通过iframe嵌入了另外一个页面后,如何使得页面的这块区域随着iframe的高度自动适应而不会出现蹩脚的上下左右滚动条呢?下面这个办法就是使用javascript实现iframe高度自适应的,这个可是兼容所有浏览器的,ie,firefox,chrome,opera,safari这些浏览器都能够实现iframe高度自适应的,具体的js代码如下: function dyniframesize(down){ var Sys={}; var ua=navigator.userAgent.toLowerCase(); var s; (s=ua......