编程 Javascript

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程序设计有所帮助。

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

- Author -

疯狂一夏

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

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