iframe.js
2016-05-10 19:46
393 查看
/** *createTime:2016-04-26 *author:李志伟 *Description: iframe高度自适应 **/ //使用例子 //<a href="Information.html" target="mainFrame">在mainFrame框架打开页面</a> //<a href="about.html" target="mainFrame">在mainFrame框架打开页面</a> //<iframe id="mainFrame" name="mainFrame" src="Information.html" //scrolling="no" frameborder="0" height="100%" width="100%" //onload='IFrameReSize("mainFrame")'></iframe> //iframe高度自适应 function IFrameReSize(iframename) { var pTar = document.getElementById(iframename); if (pTar) { //ff if (pTar.contentDocument && pTar.contentDocument.body.offsetHeight) { pTar.height = pTar.contentDocument.body.offsetHeight; } //ie else if (pTar.Document && pTar.Document.body.scrollHeight) { pTar.height = pTar.Document.body.scrollHeight; } } } //iframe宽度自适应 function IFrameReSizeWidth(iframename) { var pTar = document.getElementById(iframename); if (pTar) { //ff if (pTar.contentDocument && pTar.contentDocument.body.offsetWidth) { pTar.width = pTar.contentDocument.body.offsetWidth; } //ie else if (pTar.Document && pTar.Document.body.scrollWidth) { pTar.width = pTar.Document.body.scrollWidth; } } }
相关文章推荐
- jsp如何往js里传值
- [Effective JavaScript 笔记] 第6条:了解分号插入的局限
- JS对象添加新的字段
- JS限定手机版中图片大小随分辨率自动调整
- JS中二维数组的声明
- json,jsonp
- JS脚本在IE浏览器“开发者模式”正常,但正常使用时功能不成作用
- javascript调用php文件
- JSTL核心标签
- js查询重复字符串
- alibaba的FastJson(高性能JSON开发包)
- js设计模式之迭代器模式
- javascript之原型模式学习
- Jstorm
- JavaScript邮箱验证
- 解析JavaScript面向对象概念中的Object类型与作用域
- scrollimg.js
- js弹出框、对话框、提示框、弹窗总结
- JSON.parse()和JSON.stringify()
- JavaScript根据CSS的Media Queries来判断浏览设备的方法