编程 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 相关文章推荐

js判断数据类型如判断是否为数组是否为字符串等等

Jan 15 Javascript

JavaScript 中有关数组对象的方法(详解)

Aug 15 Javascript

微信小程序倒计时组件实现代码

Oct 24 Javascript

AngularJS入门教程之表单校验用法示例

Nov 02 Javascript

关于axios如何全局注册浅析

Jan 14 Javascript

关于js的三种使用方式（行内js、内部js、外部js）的程序代码

May 05 Javascript

vue router带参数页面刷新或回退参数消失的解决方法

Feb 27 Javascript

vue动态禁用控件绑定disable的例子

Oct 28 Javascript

vue实现将数据存入vuex中以及从vuex中取出数据

Nov 08 Javascript

node.JS的crypto加密模块使用方法详解(MD5,AES,Hmac,Diffie-Hellman加密)

Feb 06 Javascript

vue实现几秒后跳转新页面代码

Sep 09 Javascript

vant 时间选择器--开始时间和结束时间实例

Nov 04 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 获取客户端的真实ip

2009/11/30 PHP

php简单操作mysql数据库的类

2015/04/16 PHP

Laravel中如何增加自定义全局函数详解

2017/05/09 PHP

Yii框架常见缓存应用实例小结

2019/09/09 PHP

JavaScript Date对象使用总结

2009/05/14 Javascript

jQuery版仿Path菜单效果

2011/12/15 Javascript

js 设置缓存及获取设置的缓存

2014/05/08 Javascript

js+html5实现canvas绘制网页时钟的方法

2016/05/21 Javascript

jQuery使用each方法与for语句遍历数组示例

2016/06/16 Javascript

jQuery+ajax实现实用的点赞插件代码

2016/07/06 Javascript

详解Javascript数据类型的转换规则

2016/12/12 Javascript

AngularJS 单选框及多选框的双向动态绑定

2017/04/20 Javascript

Javascript将图片的绝对路径转换为base64编码的方法

2018/01/11 Javascript

jQuery实现的电子时钟效果完整示例

2018/04/28 jQuery

vue点击input弹出带搜索键盘并监听该元素的方法

2018/08/25 Javascript

详解javascript函数写法大全

2019/03/25 Javascript

vue.js实现回到顶部动画效果

2019/07/31 Javascript

原生javascript制作贪吃蛇小游戏的方法分析

2020/02/26 Javascript

微信小程序实现弹框效果

2020/05/26 Javascript

vue 使用 sortable 实现 el-table 拖拽排序功能

2020/12/26 Vue.js

python通过函数属性实现全局变量的方法

2015/05/16 Python

图文详解WinPE下安装Python

2016/05/17 Python

详解python 注释、变量、类型

2018/08/10 Python

Python 实现还原已撤回的微信消息

2019/06/18 Python

pytorch方法测试详解——归一化(BatchNorm2d)

2020/01/15 Python

StubHub巴西：购买和出售您的门票

2016/07/22 全球购物

英国工具中心：UK Tool Centre

2017/07/10 全球购物

大学新生军训自我鉴定

2014/03/18 职场文书

天猫某品牌专卖店运营计划书

2014/03/21 职场文书

情况说明书格式范文

2014/05/06 职场文书

2015年安全生产责任书

2015/01/30 职场文书

投标邀请书范本

2015/02/02 职场文书

新兵入伍决心书

2015/09/22 职场文书

导游词之鲁迅祖居

2019/10/17 职场文书

Nginx工作模式及代理配置的使用细节

2022/03/21 Servers