js怎么样实现iframe 高度自适应

来源:文书网 3.37W
  导语:js一种广泛用于客户端Web开发的脚本语言,常用来给HTML网页添加自适应和动态功能。以下的是本站小编为大家搜集的`js实现iframe 高度自适应实例,希望对你能有所帮助。

<script type="text/javascript">

js怎么样实现iframe 高度自适应

//** iframe自动适应页面 **//

//输入你希望根据页面高度自动调整高度的iframe的名称的列表

//用逗号把每个iframe的ID分隔. 例如: ["myframe1", "myframe2"],可以只有一个窗体,则不用逗号。

//定义iframe的ID

var iframeids = ["top1"]

//如果用户的浏览器不支持iframe是否将iframe隐藏 yes 表示隐藏,no表示不隐藏

var iframehide = "yes"

function dyniframesize() {

var dyniframe = new Array()

for (i = 0; i < th; i++) {

if (lementById) {

//自动调整iframe高度

dyniframe[th] = lementById(iframeids[i]);

if (dyniframe[i] && !a) {

//dyniframe[i]lay="block"

if (dyniframe[i]entDocument && dyniframe[i]etHeight) //如果用户的浏览器是NetScape

dyniframe[i]ht = dyniframe[i]etHeight;

else if (dyniframe[i]ment && dyniframe[i]llHeight) //如果用户的浏览器是IE

dyniframe[i]ht = dyniframe[i]llHeight;

}

}

//根据设定的参数来处理不支持iframe的浏览器的显示问题

if (( || lementById) && iframehide == "no") {

var tempobj = ? [iframeids[i]] : lementById(iframeids[i])

lay = "block"

}

}

}

if (ventListener)

ventListener("load", dyniframesize, false)

else if (chEvent)

chEvent("onload", dyniframesize)

else

ad = dyniframesize

</script>

热门标签