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

How to Auto Include a Javascript File

Feb 02 Javascript

javascript 利用Image对象实现的埋点(某处的点击数)统计

Dec 28 Javascript

js根据给定的日期计算当月有多少天实现思路及代码

Feb 25 Javascript

javascript实现左右控制无缝滚动

Dec 31 Javascript

Jquery AJAX POST与GET之间的区别详细介绍

Oct 17 Javascript

微信小程序限制1M的瘦身技巧与方法详解

Jan 06 Javascript

JavaScript中的this陷阱的最全收集并整理(没有之一)

Feb 21 Javascript

微信小程序两种为对象属性赋值的方式详解

Feb 23 Javascript

Vue2.0实现1.0的搜索过滤器功能实例代码

Mar 20 Javascript

基于Vue的移动端图片裁剪组件功能

Nov 28 Javascript

JS中promise化微信小程序api

Apr 12 Javascript

js实现小星星游戏

Mar 23 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中http与https跨域共享session的解决方法

2014/12/20 PHP

PHP正则表达式过滤html标签属性(DEMO)

2016/05/04 PHP

php+mysql查询实现无限下级分类树输出示例

2016/10/03 PHP

js简单实现HTML标签Select联动带跳转

2013/10/23 Javascript

setTimeout内不支持jquery的选择器的解决方案

2015/04/28 Javascript

JavaScript实现点击文字切换登录窗口的方法

2015/05/11 Javascript

浅谈javascript中的闭包

2015/05/13 Javascript

纯javascript实现图片延时加载方法

2015/08/21 Javascript

小心！AngularJS结合RequireJS做文件合并压缩的那些坑

2016/01/09 Javascript

Angular企业级开发——MVC之控制器详解

2017/02/20 Javascript

十大热门的JavaScript框架和库

2017/03/21 Javascript

vue2 设置router-view默认路径的实例

2018/09/20 Javascript

Node.js实现批量下载图片简单操作示例

2020/01/18 Javascript

详解react组件通讯方式(多种)

2020/05/06 Javascript

vue实现五子棋游戏

2020/05/28 Javascript

[18:20]DOTA2 HEROS教学视频教你分分钟做大人-昆卡

2014/06/11 DOTA

[54:19]完美世界DOTA2联赛PWL S2 Magma vs PXG 第二场 11.28

2020/12/01 DOTA

Python中DJANGO简单测试实例

2015/05/11 Python

python实现按任意键继续执行程序

2016/12/30 Python

python使用Tesseract库识别验证

2018/03/21 Python

Python之list对应元素求和的方法

2018/06/28 Python

python/sympy求解矩阵方程的方法

2018/11/08 Python

python批量下载网站马拉松照片的完整步骤

2018/12/05 Python

浅谈Python的条件判断语句if/else语句

2019/03/21 Python

详解python中__name__的意义以及作用

2019/08/07 Python

Web页面中八种创建多列等高(等高列布局)的实现技术

2012/12/24 HTML / CSS

UGG雪地靴荷兰官网：UGG荷兰

2016/09/09 全球购物

英国鹦鹉店：Parrot Essentials

2018/12/03 全球购物

建筑工程专业毕业生自荐信

2013/10/19 职场文书

犯错检讨书

2014/02/21 职场文书

优秀食品类广告词

2014/03/19 职场文书

幼儿园感恩节活动方案2014

2014/10/11 职场文书

早上好问候语大全

2015/11/10 职场文书

2019年消防宣传标语集锦

2019/11/21 职场文书

CSS 新特性 contain控制页面的重绘与重排问题

2021/04/30 HTML / CSS

有趣的二维码：使用MyQR和qrcode来制作二维码

2021/05/10 Python