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 相关文章推荐
用AJAX返回HTML片段中的JavaScript脚本
Jan 04 Javascript
Javascript学习笔记-详解in运算符
Sep 13 Javascript
关于jQuery的inArray 方法介绍
Oct 08 Javascript
使用vue.js制作分页组件
Jun 27 Javascript
jQuery实现的分页功能示例
Jan 22 Javascript
Three.js利用dat.GUI如何简化试验流程详解
Sep 26 Javascript
详解微信小程序中组件通讯
Oct 30 Javascript
JavaScript实现的级联算法示例【省市二级联动功能】
Dec 25 Javascript
Vue从TodoList中学父子组件通信
Feb 05 Javascript
JavaScript进制转换实现方法解析
Jan 18 Javascript
关于uniApp editor微信滑动问题
Jan 15 Javascript
vue3 watch和watchEffect的使用以及有哪些区别
Jan 26 Vue.js
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内存管理之谁动了我的内存
2013/06/20 PHP
php递归创建目录的方法
2015/02/02 PHP
PHP的swoole扩展安装方法详细教程
2016/05/18 PHP
javascript对数组的常用操作代码 数组方法总汇
2011/01/27 Javascript
Textarea与懒惰渲染实现代码
2012/01/04 Javascript
javaScript 删除字符串空格多种方法小结
2012/10/24 Javascript
div拖拽插件——JQ.MoveBox.js(自制JQ插件)
2013/05/17 Javascript
鼠标经过tr时,改变tr当前背景颜色
2014/01/13 Javascript
jquery教程ajax请求json数据示例
2014/01/13 Javascript
引入autocomplete组件时JS报未结束字符串常量错误
2014/03/19 Javascript
JavaScript实现班级随机点名小应用需求的具体分析
2014/05/12 Javascript
通过js来制作复选框的全选和不选效果
2014/05/22 Javascript
jquery实现鼠标点击后展开列表内容的导航栏效果
2015/09/14 Javascript
微信小程序 弹窗自定义实例代码
2017/03/08 Javascript
微信小程序搜索组件wxSearch实例详解
2017/06/08 Javascript
原生JS+Canvas实现五子棋游戏
2020/05/28 Javascript
使用async await 封装 axios的方法
2018/07/09 Javascript
JS实现的贪吃蛇游戏完整实例
2019/01/18 Javascript
JS集合set类的实现与使用方法示例
2019/02/01 Javascript
python 从远程服务器下载日志文件的程序
2013/02/10 Python
python中的reduce内建函数使用方法指南
2014/08/31 Python
Python创建系统目录的方法
2015/03/11 Python
PyQT实现多窗口切换
2018/04/20 Python
python 读取DICOM头文件的实例
2018/05/07 Python
python3爬取数据至mysql的方法
2018/06/26 Python
Python中socket网络通信是干嘛的
2020/05/27 Python
SKECHERS官方旗舰店:美国舒适运动休闲品牌
2017/12/22 全球购物
法国在线药房:1001Pharmacies
2021/03/07 全球购物
办公室经理岗位职责
2014/01/01 职场文书
学校采购员岗位职责
2014/01/02 职场文书
加多宝凉茶广告词
2014/03/18 职场文书
法律讲堂观后感
2015/06/11 职场文书
制定企业培训计划的五大要点!
2019/07/10 职场文书
少年的你:世界上没有如果,要在第一次就勇敢的反抗
2019/11/20 职场文书
MySQL中的隐藏列的具体查看
2021/09/04 MySQL