让iframe框架实现自动高度

让iframe框架实现自动高度,参考代码如下:
 
<iframe name="pindex" src="about:blank" scrolling="auto" width="100%" height="100%" frameborder=no ></iframe>

时间: 2024-10-03 14:06:24

让iframe框架实现自动高度的相关文章

Iframe框架高度自适应的实现

自适应 解决iframe框架页面自适应高度问题代码如下,需要注意的是框架引用页面一定要设置name属性,否则会不生效 方案一: <iframe src="test.asp" width="100%" frameborder="0" scrolling="no" name="hj" id="hj"></iframe> test.asp页面head间增加如下JS代码

JQuery实现跨域IFrame自动高度方案

由于项目中引入了JQuery,不方便再引用YUI.所以依照 Session variables without cookies 原理 ,直接用JQuery实现如下: 场景:主页面 (emo_windowname.html)一个IFrame(framePreview), 在页面加载或者单击按钮时,让IFrame加载一个页面(http://...../正文.html). 条件:正 文.html 预告加入脚本,或者使用HttpModule加入脚本: $(function(){ window.name

JavaScript实现iframe自动高度调整和不同主域名跨域_javascript技巧

 大家都知道Js有同源策略,就是主域名不同嵌套的iframe不允许Js通信的. 比如我有一个网站,网站中要嵌入其网站的页面.那么我可以使用iframe引用第三方网站的地址即可. 但是问题也来的iframe的高度是固定的不能与第三方网站很好的融合,又例如第三方网站使用了瀑布流插件,要滚动加载自动计算高度,那么先说跨域:iframe主域名不同跨域方法,假如网站 A.com  B.com   A 里面放入一个iframe 引用了B.com,这种情况下B.com里面的Js是无法访问到A.com的.JS跨

iframe框架或者网页与浏览器有间隙的处理办法

  如上图,今天处理一个iframe框架,老问题再次出现了,浏览器边缘与浏览器有很大的一个间隙!在IE6下和Chrome下都有,这是我以前遇到很多次的现象了,可是我不是更搞代码出身的,记不住. 解决办法:给网页中body加上参数leftmargin="0″ topmargin="0″,只是body这一部分! 如: <body leftmargin="0" topmargin="0"> <img src="/luezhu

js实现iframe框架取值的方法(兼容IE,firefox,chrome等)_javascript技巧

本文实例讲述了js实现iframe框架取值的方法.分享给大家供大家参考,具体如下: 为啥世上会有这么多不同的浏览器?每次遇到js/css的浏览器兼容性问题,总是要发出这样的感叹,真希望这些个浏览器公司全部倒下,然后只留下一家(显然这是一个不可能实现的美好愿望),言归正传,看代码吧: iframe框架内页: <html> <head> <title>框架内页</title> </head> <body> <div> <

Iframe根据内容自适应高度和宽度

Iframe尤其是不带边框的Iframe因为能和网页无缝的结合从而不刷新页面的情况下更新页面的部分数据成为可能,可是Iframe的大小却不像层那样可以"伸缩自如",所以带来了使用上的麻烦,给Iframe设置高度的时候多了也不好,少了更是不行. JS获取高度 我们可以编写下面的函数,最后返回Iframe框架的高度. function SetCwinHeight(){     var cwin=document.getElementById("cwin");     i

谨慎使用iframe框架

使用 iframe 可以轻易的调用其他网站的页面,但应谨慎使用.它比创建其他 DOM 元素(包括 style 和 script)多耗费数十甚至数百倍的性能. HTML网页制作教程:iframe(框架)标记使用需要谨慎 使用 iframe 可以轻易的调用其他网站的页面,但应谨慎使用.它比创建其他 DOM 元素(包括 style 和 script)多耗费数十甚至数百倍的性能.值得关心的是 onload 事件和连接池. iframe 阻塞 onload window 的 onload 事件尽快执行非常

javascript iframe:javascript 改变iframe(框架)的方法

<iframe src="http://www.cxybl.com" name="content" height="200" width="468" scrolling="no" id="content" frameborder="0"></iframe>  <script>  function iframes(){  conten

以SEO的角度分析使用iframe框架所存在的优缺点

记得笔者在刚接触iframe框架的时候,对其并不是很了解,感觉用处也不大,然而最近在给站点加上一个微博直播控件的时候遇到了它,也不得不以SEO的角度来考量它,经过分析后,笔者认为ifame框架存在一定的优缺点. 首先我们需要了解一下什么是iframe框架? 如果我们在某一个页面中使用这个标签就会在该页面内构建一个独立的框架,例如页面1内的一个区域内使用ifram调用另外一个页面,即网页2,这样的话会在页面1的这个区域里调用显示页面2中被调用的部分.使用方法:   或其他网页的本文内容等写入标签内