iframe 设定高度与宽度
2016-03-20 15:18
453 查看
本本文主要是对以下博客的补充
http://www.cnblogs.com/Nbge/archive/2013/06/14/3135697.html
上源码:
html部分:
<iframe src="content.html" name="iframepage" id="iframepage" frameborder="0" scrolling="no"
marginheight="0" marginwidth="0" width="100%"></iframe>
js部分:
$(function() {
iFrameHeight();
});
function iFrameHeight() {
var ifm= document.getElementById("iframepage");
if(ifm != null) {
ifm.height = document.body.scrollWidth;
ifm.width = document.body.scrollWidth;
}
}
使用该段代码可以在页面中最大化展示出iframe的内容(可以乘以百分比进行调整),可在chrome,IE,FireFox下充分展示,但上述博客代码不能在Chrome下完善展示,博友可以尝试。
纯属技术交流,如有得罪,还望见谅~~~
http://www.cnblogs.com/Nbge/archive/2013/06/14/3135697.html
上源码:
html部分:
<iframe src="content.html" name="iframepage" id="iframepage" frameborder="0" scrolling="no"
marginheight="0" marginwidth="0" width="100%"></iframe>
js部分:
$(function() {
iFrameHeight();
});
function iFrameHeight() {
var ifm= document.getElementById("iframepage");
if(ifm != null) {
ifm.height = document.body.scrollWidth;
ifm.width = document.body.scrollWidth;
}
}
使用该段代码可以在页面中最大化展示出iframe的内容(可以乘以百分比进行调整),可在chrome,IE,FireFox下充分展示,但上述博客代码不能在Chrome下完善展示,博友可以尝试。
纯属技术交流,如有得罪,还望见谅~~~
相关文章推荐
- JQuery1——基础($对象,选择器,对象转换)
- JavaScript演示排序算法
- 2015-2016网页设计趋势分析 Web Design of Trends
- jQuery Ajax 跨域调用
- 移动端的长按事件
- jquery教程靠边站,一分钱不花让你免费学会jquery
- JQuery+Strusts1.x无刷新登录
- $.ajax()方法详解
- jQuery ajax - ajax() 方法
- JavaScript 各种遍历方式详解
- 数组方法汇总
- jQuery Html控件基本操作(日常收集整理)
- jQuery插件实现文字无缝向上滚动效果代码
- jQuery菜单插件用法实例
- JQuery 初体验(建议学习jquery)
- 基于Jquery和CSS3制作数字时钟附源码下载(CSS3篇)
- Jquery实现的table最后一行添加样式的代码
- jQuery实现向下滑出的平滑下拉菜单效果
- jQuery 练习[一] 学习jquery的准备工作
- jquery获得页面元素的坐标值实现思路及代码