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 相关文章推荐
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:将时间显示为&quot;刚刚&quot;&quot;n分钟/小时前&quot;的方法详解
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 职场文书