HTML中怎么设置Iframe自适应高度

这篇“HTML中怎么设置Iframe自适应高度”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“HTML中怎么设置Iframe自适应高度”文章吧。

创新互联坚持“要么做到,要么别承诺”的工作理念,服务领域包括:成都网站建设、做网站、企业官网、英文网站、手机端网站、网站推广等服务,满足客户于互联网时代的上海网站设计、移动媒体设计的需求,帮助企业找到有效的互联网解决方案。努力成为您成熟可靠的网络建设合作伙伴!

主要是以下JS函数: 

一、程序代码

  function SetWinHeight(obj)

  {

  var win=obj;

  if (document.getElementById)

  {

  if (win && !window.opera)

  {

  if (win.contentDocument && win.contentDocument.body.offsetHeight)

  win.height = win.contentDocument.body.offsetHeight;

  else if(win.Document && win.Document.body.scrollHeight)

  win.height = win.Document.body.scrollHeight;

  }

  }

  }

最后,加入iframe,不能丢掉onload属性,当然了,id也必须也函数中的win匹配;

二、程序代码:

我们看看另一种情况的iframe解决方案

重要提示:src=中你必须填写的网页地址,一定要和本页面在同一个站点上,否则,会抱错,说“拒绝访问!”(实际上这是因为Js的跨域问题导致拒绝访问的)现在给大家分享一下:

1、建立一个bottom.js的文件,然后输入下面的代码;

parent.document.all("框架ID名").style.height=document.body.scrollHeight;

parent.document.all("框架ID名").style.width=document.body.scrollWidth;

2、给你网站里所有的被包含文件里面每个都加入,在WINXP、IE6下面测试通过;

实现 iframe 的自适应高度

    实现 iframe 的自适应高度,能够随着页面的长度自动的适应以免除页面和 iframe 同时出现滚动条的现象;

程序代码

以上就是关于“HTML中怎么设置Iframe自适应高度”这篇文章的内容,相信大家都有了一定的了解,希望小编分享的内容对大家有帮助,若想了解更多相关的知识内容,请关注创新互联行业资讯频道。


网页题目:HTML中怎么设置Iframe自适应高度
文章出自:http://bzwzjz.com/article/ijsjpi.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 成都响应式网站建设 成都网站建设 品牌网站建设 app网站建设 成都网站建设 手机网站建设 重庆网站设计 营销网站建设 成都网站设计公司 重庆外贸网站建设 网站建设方案 成都网站设计 网站制作公司 成都网站建设推广 网站制作 网站建设 古蔺网站建设 营销型网站建设 移动手机网站制作 成都网站建设 营销型网站建设 手机网站设计