编程 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支持带x身份证号码验证函数

Aug 10 Javascript

js 获取浏览器高度和宽度值(多浏览器)

Sep 02 Javascript

jquery动态加载select下拉框示例代码

Dec 10 Javascript

快速学习JavaScript的6个思维技巧

Oct 13 Javascript

jquery对象和DOM对象的任意相互转换

Feb 21 Javascript

浅谈jQuery中ajaxPrefilter的应用

Aug 01 Javascript

自适应布局meta标签中viewport、content、width、initial-scale、minimum-scale、maximum-scale总结

Aug 18 Javascript

使用微信小程序开发弹出框应用实例详解

Oct 18 Javascript

js实现每日签到功能

Nov 29 Javascript

layui 实现table翻页滚动条位置保持不变的例子

Sep 05 Javascript

解决vue 使用setTimeout,离开当前路由setTimeout未销毁的问题

Jul 21 Javascript

JavaScript封装单向链表的示例代码

Sep 17 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 list()函数的详解

2013/06/05 PHP

PHP CodeBase:将时间显示为"刚刚""n分钟/小时前"的方法详解

2013/06/06 PHP

php不使用copy()函数复制文件的方法

2015/03/13 PHP

php eval函数一句话木马代码

2015/05/21 PHP

php实现简易聊天室应用代码

2015/09/23 PHP

PHP实现的进度条效果详解

2016/05/03 PHP

phpcms实现验证码替换及phpcms实现全站搜索功能教程详解

2017/12/13 PHP

PHP操作XML中XPath的应用示例

2019/07/04 PHP

jquery text,radio,checkbox,select操作实现代码

2009/07/09 Javascript

javascript 面向对象的JavaScript类

2010/05/04 Javascript

Javascript技巧之不要用for in语句对数组进行遍历

2010/10/20 Javascript

判定是否原生方法的JS代码

2013/11/12 Javascript

javascript日期对象格式化为字符串的实现方法

2014/01/14 Javascript

js+html5实现canvas绘制简单矩形的方法

2015/06/05 Javascript

JS实现自动切换文字的导航效果代码

2015/08/27 Javascript

跟我学习javascript的undefined与null

2015/11/17 Javascript

深入探讨前端框架react

2015/12/09 Javascript

Bootstrap树形组件jqTree的简单封装

2016/01/25 Javascript

使用Web Uploader实现多文件上传

2016/06/08 Javascript

AngularJS的Filter的示例详解

2017/03/07 Javascript

js实现各浏览器全屏代码实例

2018/07/03 Javascript

nodejs开发一个最简单的web服务器实例讲解

2020/01/02 NodeJs

vue使用transition组件动画效果的实例代码

2021/01/28 Vue.js

[05:24]TI9采访——教练

2019/08/24 DOTA

Python、PyCharm安装及使用方法（Mac版）详解

2017/04/28 Python

Python元组常见操作示例

2019/02/19 Python

Django项目中使用JWT的实现代码

2019/11/04 Python

python的链表基础知识点

2020/09/13 Python

亚洲在线旅行门户网站：Expedia.com.hk（智游网）

2020/04/14 全球购物

教师党性分析材料

2014/02/04 职场文书

挂靠协议书范本

2014/04/22 职场文书

火箭队口号

2014/06/18 职场文书

艺术学院毕业生自荐信

2014/07/05 职场文书

领导干部“四风”问题批评与自我批评材料

2014/09/24 职场文书

学校总务处领导班子民主生活会对照检查材料思想汇报

2014/09/27 职场文书

2015年大学教师工作总结

2015/05/20 职场文书