JS动态修改iframe高度和宽度的方法


Posted in Javascript onApril 01, 2015

本文实例讲述了JS动态修改iframe高度和宽度的方法。分享给大家供大家参考。具体如下:

如果希望通过按钮动态修改iframe的高度和宽度,可以参考下面的JS代码

<!DOCTYPE html>
<html>
<head>
<script>
function changeSize()
{
document.getElementById("myframe").height="300";
document.getElementById("myframe").width="300";
}
</script>
</head>
<body>
<iframe id="myframe" src="/default.asp" 
height="200" width="200">
<p>Your browser does not support iframes.</p>
</iframe>
<br><br>
<input type="button" onclick="changeSize()" 
value="Change size">
</body>
</html>

希望本文所述对大家的javascript程序设计有所帮助。

Javascript 相关文章推荐
Jquery封装tab自动切换效果的具体实现
Jul 13 Javascript
浅析JavaScript原型继承的陷阱
Dec 03 Javascript
jQuery中:password选择器用法实例
Jan 03 Javascript
js仿土豆网带缩略图的焦点图片切换效果实现方法
Feb 23 Javascript
js禁止页面刷新与后退的方法
Jun 08 Javascript
在for循环中length值是否需要缓存
Jul 27 Javascript
高性能JavaScript循环语句和条件语句
Jan 20 Javascript
javascript求日期差的方法
Mar 02 Javascript
jQuery实现的自动加载页面功能示例
Sep 04 Javascript
Bootstrap模态框调用功能实现方法
Sep 19 Javascript
微信小程序动态设置图片大小的方法
Nov 21 Javascript
JavaScript实现与web通信的方法详解
Aug 07 Javascript
JS获取iframe中longdesc属性的方法
Apr 01 #Javascript
JS获取iframe中marginHeight和marginWidth属性的方法
Apr 01 #Javascript
JS去除iframe滚动条的方法
Apr 01 #Javascript
JS动态修改iframe内嵌网页地址的方法
Apr 01 #Javascript
JS获得图片alt信息的方法
Apr 01 #Javascript
JS实现动态给图片添加边框的方法
Apr 01 #Javascript
JS设置网页图片vspace和hspace属性的方法
Apr 01 #Javascript
You might like
十天学会php之第三天
2006/10/09 PHP
浅谈PHP中Stream(流)
2015/06/08 PHP
解决PHP curl或file_get_contents下载图片损坏或无法打开的问题
2019/10/11 PHP
php中数组最简单的使用方法
2020/12/27 PHP
javascript 网页跳转的方法
2008/12/24 Javascript
JS实现当前页居中分页效果的方法
2015/06/18 Javascript
jQuery实现网页抖动的菜单抖动效果
2015/08/07 Javascript
jquery使用ul模拟select实现表单美化的方法
2015/08/18 Javascript
js调用百度地图及调用百度地图的搜索功能
2015/09/07 Javascript
理解JS绑定事件
2016/01/19 Javascript
JavaScript学习笔记之数组的增、删、改、查
2016/03/23 Javascript
简单总结JavaScript中的String字符串类型
2016/05/26 Javascript
JavaScript语言精粹经典实例(整理篇)
2016/06/07 Javascript
老生常谈JavaScript 函数表达式
2016/09/01 Javascript
jQuery实现弹出窗口弹出div层的实例代码
2017/01/09 Javascript
Vue之Vue.set动态新增对象属性方法
2018/02/23 Javascript
vue2.x集成百度UEditor富文本编辑器的方法
2018/09/21 Javascript
详解javascript对数组和json数组的操作
2019/04/15 Javascript
JavaScript实现简单进度条效果
2020/03/25 Javascript
Python中的二维数组实例(list与numpy.array)
2018/04/13 Python
对python读写文件去重、RE、set的使用详解
2018/12/11 Python
python样条插值的实现代码
2018/12/17 Python
Python 迭代,for...in遍历,迭代原理与应用示例
2019/10/12 Python
Python标准库json模块和pickle模块使用详解
2020/03/10 Python
Python字符串格式化f-string多种功能实现
2020/05/07 Python
python画图时设置分辨率和画布大小的实现(plt.figure())
2021/01/08 Python
python+selenium爬取微博热搜存入Mysql的实现方法
2021/01/27 Python
英国最大的奢侈珠宝和手表网站:C W Sellors
2017/02/10 全球购物
Becextech新西兰:数码单反相机和手机在线商店
2018/04/27 全球购物
信息技术专业大学生职业生涯规划书
2014/01/24 职场文书
国际贸易毕业生求职信范文
2014/02/21 职场文书
矿泉水广告词
2014/03/20 职场文书
合同协议书格式
2014/04/18 职场文书
工厂门卫的岗位职责
2014/07/27 职场文书
java代码实现空间切割
2022/01/18 Java/Android
详解Go语言中Get/Post请求测试
2022/06/01 Golang