上周想要取得iframe中的元素和js变量值，一直没取得，查资料得知： 不能用$(document).ready()方法，而是要用$("#iframeId").load()方法，待iframe加载完成，才能取得 取iframe中的js变量值： document.frames[x].y这样便可以。 哎，很简单的问题，搞了很长时间，不应该啊！
重现如下： 代码如下:<!doctype html> <html> <head> <title>设置iframe的document.designMode后仅Firefox中其body.innerHTML为br</title> <meta charset="utf-8"> </head> <body> <iframe frameborder="1" style="height: 330px;"></iframe> <script> var ifr = document.getElementsByTagName(iframe)[0]; var doc = ifr.contentWindow.document; function prif() { console.log(ifr.contentWindow.document.body.innerHTML); }...
<iframe id= "myframe" ></iframe> W3C的标准告诉我们，可以通过Dom对象的contentDocument属性来返回文档对象。 即 代码如下:doc= document.getElementById(myframe ).contentDocument 但对IE浏览器来说，经过测试，IE6，IE7都不支持，IE8开始支持了。 在IE下，需要这样来访问 代码如下:document.frames[myframe].document; 跨浏览器的解决方案是， contentWindow属性，这是个只读属性，返回指定的iframe的窗口对象。 它虽然不...
先说明，这个办法只限于iframe中的子页面也是本地页面（不能引用外网页面） ======方法===== 第一步 js部分 function getSize() { var xScroll, yScroll; if (window.innerHeight && window.scrollMaxY) { xScroll = document.body.scrollWidth; yScroll = window.innerHeight + window.scrollMaxY; } else if (document.body.scrollHeight > document.body.offse...
问题在响应式布局中，我们应该小心对待iframe元素，iframe元素的width和height属性设置了其宽度和高度，但是当包含块的宽度或高度小于iframe的宽度或高度时，会出现iframe元素溢出的现象：这样溢出的iframe会破坏页面的布局。我们可以采用一种方法让iframe元素也具有响应性，拭目以待。 解决方法iframe元素本身并无法伸缩，除非通过js显示的设置其宽度。但是我们可通过一个iframe-container元素来包裹iframe，同时让iframe-contain...
浅谈Iframe网页内部的导航窗口以上这篇浅谈Iframe网页内部的导航窗口就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
css： 代码如下: *{margin:0;padding:0;list-style-type:none;} a,img{border:0;} body{font:12px/180% Arial, Helvetica, sans-serif, "新宋体";} /* demo */ .demo{width:800px;margin:0 auto;} .demo div{margin:40px 0 0 0;} html： 代码如下: <div class="demo"> <div> <iframe name="weather_inc" src="http://i.tianqi.com/index.php?c=code&id=2&num=5" width="650" height="70" frameborder="0" marginwidth="0" marginhe...
代码如下: <iframe id="myFrameId" name="myFrameName" scrolling="no" frameborder="0" style="width:200px; height:150px; "></iframe> <a href="../ashx/Print2DCodeImage.ashx?codeInfo=Demo123" target="myFrameName" >打印二维码</a> 上面的这个a标签的target指向的是name为myFrameName的iframe，不是用Id来做指向的目标，如果target=“myFrameId”的话只有新版的Chrome、opera支持，在IE10，FF中都不生效。
应用场景是：iframe页面没有滚动条，在父窗体中出现滚动条，锚点标记就会失效，因为，锚点是根据当前窗口滚动条滚动窗口的，成为子窗体后没有了滚动条，自然不会滚动。 解决办法是：用js判断页面是否被嵌套，用js计算iframe在父窗体位置，锚点在firame中的位置，两者相加成为父窗体的滚动。 遇到问题：获取父窗体元素（因为有域限制，所有需要在网络环境下方位（即http://domain.com））；父窗体嵌套多个iframe，判断是否是当前ifr...
代码如下: <div style="width:630px;height:350px;overflow:hidden;border:0px"> <div style="width:800px;height:800px;margin:-810px 0px 0px -10px;"> <iframe src="http://www.sci99.com/" width="960" height="1280" scrolling="no"></iframe> </div> </div> <div style="width:800px;height:900px;overflow:hidden;border:0px"> <div style="width:500px;height:900px;margin:-320px 0px 0px -10px;"> <iframe src="http://w...
最近在做项目的过程中需要频繁的使用iframe画页面的层级框架，大部分浏览器是没有背景的，但是iframe在IE中默认是有一个白色的背景色的，当主背景色不是白色的时候，在这一部分会显得很突兀。帮助手册中给出了解决方案，即将iframe中的allowTransparent属性设置为true，即可。在帮助文档中也给出了相应的示例，示例如下： 代码如下: <BODY STYLE="background-color: red"> <IFRAME ID="Frame1" SRC="transparentBody.htm" allowTra...
今天工作时，有个临时加的好友问我，怎么利用web页面获取访问者的qq。 以前没有接触过，感觉到很好奇，但是工作中脑子很亢奋，转的快，利用所学的知识迅速想到一条技巧，那就是假想用户在进入我们设定的页面前，已经通过qq进入空间或是邮箱，对，一定会在咱们电脑的浏览器上留下cookie，那么我们设法通过这个cooke做做文章呢，于是在google上找了下，不到几秒就找到了一个比较接近的答案，但是原来问问题的楼主接近90%，死在了10%上...
代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "<a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd</a>"><html xmlns="<a href="http://www.w3.org/1999/xhtml">http://www.w3.org/1999/xhtml</a>"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>HTML中框架_悬浮框架的设置</title...
最近在做作业中需要在不用iframe的情况下嵌套页面，所以只好在div中嵌套，用的是jquery方法。 代码如下: <script type="text/javascript"> $(document).ready(function() { $("#button").click(function() { $("#content").load("index.jsp"); }); }); </script> 只要代码就是这么多，其中#button就是一个button的id，content就是你要插入html的div 而且不能直接用$("#button").click(function() {};因为这是在页面加载前，所以加载...
最近工作有个在项目-布兜收藏夹。简言之就是将喜欢的图片收藏到布兜页面上来，这其中用到了很多关于iframe的方面，总结如下： 1. 作为弹出层铺底覆盖 大家如果做过那种黑色遮罩盖住整张页面，而碰巧用户用的是IE6，更碰巧的是页面上有select元素，那就有得头疼了（原理就不在这里赘述了）。我们会发现弹出的DIV没法遮住select, 轮到我们的iframe出场了。逻辑如下： 与弹出div同级放入iframe 保证iframe的 z-index小于弹层div z-ind...