iframe
如何获取监听iframe src属性的改变事件
应用场景，当iframe内发生点击事件内容改变时，如果我们想获取变化后的iframe的 src 属性值，根据相应的 src 值做一些特殊处理。这里我们就可以使用如下方式去获取： <iframe src="http://php.hhsy.cc/" onload="loadFrame(this)"></iframe> <script type="text/javascript"> function loadFrame(obj) { var url = obj.contentWindow.location.href; if (url.indexOf("bizOrderId") != -1) { ......
2019-10-23 15:46:42iframe属性详细说明
HTML iframe 标签的作用就是创建包含另外一个文档的内联框架（即行内框架），通俗点的说法就是在一个html页面嵌入另外一个html页面。这个标签在实际工作中还是比较常见而且重要的。比如一般web项目的后台基本都要用到iframe，还有我们登录各种邮箱也经常会看到点击左边链接，右边网页跟着切换等的效果，基本都是通过iframe实现的。 所有浏览器都支持iframe标签，因此不存在兼容性问题。 iframe 比较常见的用法如下： <iframe ......
2013-08-22 22:58:56iframe 子页面如何操作父页面元素
iframe页面是嵌在父页面里的，一般在 iframe 里面做相关动作时默认都是 iframe 页面的，不会影响到父页面。那么如果需要在 iframe 的子页面里面操作父页面的元素该如何办呢？ iframe 子页面操作父页面元素需要知道的两点是： （1）iframe 子页面和父页面必须属于同一个域下。 （2）iframe 页面获取父页面的对象方法是 parent。 举例说明： <body> <div id="test"></div> <iframe src="http://php.hhsy.cc/javascript-......
2013-04-09 06:07:26如何禁止页面被iframe
辛辛苦苦做出来的网站却被别人使用 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; ......
2013-03-16 06:41:50jquery 如何操作iframe父级页面的元素
对于 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> ......
2012-12-27 06:42:41javascript实现刷新iframe的方法的总结
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......
2012-06-05 14:37:54iframe自适应高度的解决办法
在页面中通过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......
2012-05-22 14:39:52