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 相关文章推荐
跨浏览器通用、可重用的选项卡tab切换js代码
Sep 20 Javascript
jQuery bxCarousel实现图片滚动切换效果示例代码
May 15 Javascript
node.js中的fs.exists方法使用说明
Dec 17 Javascript
JS实现动态移动层及拖动浮层关闭的方法
Apr 30 Javascript
angular2路由之routerLinkActive指令【推荐】
May 30 Javascript
JavaScript实现点击出现图片并统计点击次数功能示例
Jul 23 Javascript
关于vue v-for 循环问题(一行显示四个,每一行的最右边那个计算属性)
Sep 04 Javascript
vue设计一个倒计时秒杀的组件详解
Apr 06 Javascript
angularjs1.X 重构controller 的方法小结
Aug 15 Javascript
layui数据表格 table.render 报错的解决方法
Sep 29 Javascript
Vue实现跑马灯效果
May 25 Javascript
5个你不知道的JavaScript字符串处理库(小结)
Jun 01 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集成百度Ueditor 1.4.3
2014/11/23 PHP
PHP商品秒杀问题解决方案实例详解【mysql与redis】
2019/07/22 PHP
JS中操作JSON总结
2020/12/06 Javascript
Node.js的包详细介绍
2015/01/14 Javascript
jQuery动态添加与删除tr行实例代码
2016/10/18 Javascript
Nodejs 搭建简单的Web服务器详解及实例
2016/11/30 NodeJs
AJAX和jQuery动态加载数据的实现方法
2016/12/05 Javascript
VUE开发一个图片轮播的组件示例代码
2017/03/06 Javascript
微信小程序自定义导航隐藏和显示功能
2017/06/13 Javascript
vue项目实战总结篇
2018/02/11 Javascript
jQuery动态添加li标签并添加属性和绑定事件方法
2018/02/24 jQuery
vue点击按钮动态创建与删除组件功能
2019/12/29 Javascript
NodeJS多种创建WebSocket监听的方式(三种)
2020/06/04 NodeJs
python解析中国天气网的天气数据
2014/03/21 Python
Python中使用asyncio 封装文件读写
2016/09/11 Python
利用python实现简单的循环购物车功能示例代码
2017/07/05 Python
轻松理解Python 中的 descriptor
2017/09/15 Python
详解将Python程序(.py)转换为Windows可执行文件(.exe)
2019/07/19 Python
Python基于WordCloud制作词云图
2019/11/29 Python
OpenCV+python实现实时目标检测功能
2020/06/24 Python
HTML5 Canvas旋转动画的2个代码例子(一个旋转的太极图效果)
2014/04/10 HTML / CSS
html5唤醒APP小记
2019/03/27 HTML / CSS
微软香港官网及网上商店:Microsoft HK
2016/09/01 全球购物
Marriott中国:万豪国际酒店查询预订
2016/09/02 全球购物
美国在线旅行社:Crystal Travel
2018/09/11 全球购物
美国儿童服装、家具和玩具精品店:Maisonette
2019/11/24 全球购物
经管应届生求职信
2013/11/17 职场文书
企业管理部经理岗位职责
2013/12/24 职场文书
活动邀请函范文
2014/01/19 职场文书
企业演讲比赛主持词
2014/03/18 职场文书
捐款倡议书
2014/04/14 职场文书
法人代表任命书范本
2014/06/05 职场文书
领导干部个人对照检查材料(群众路线)
2014/09/26 职场文书
2014年副班长工作总结
2014/12/10 职场文书
2019西餐厅创业计划书范文!
2019/07/12 职场文书
详解Java实现数据结构之并查集
2021/06/23 Java/Android