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

JavaScript 利用StringBuffer类提升+=拼接字符串效率

Nov 24 Javascript

jquery下实现overlay遮罩层代码

Aug 25 Javascript

Js日期选择器并自动加入到输入框中示例代码

Aug 02 Javascript

jquery slibings选取同级其他元素的实现代码

Nov 15 Javascript

jQuery使用attr()方法同时设置多个属性值用法实例

Mar 26 Javascript

jQuery实现的进度条效果

Jul 15 Javascript

jquery实现拖动效果

Aug 10 Javascript

JS中双击和单击事件冲突的解决方法

Apr 09 Javascript

JavaScript实现JSON合并操作示例【递归深度合并】

Sep 07 Javascript

浅谈vue中关于checkbox数据绑定v-model指令的个人理解

Nov 14 Javascript

JQuery模拟实现网页中自定义鼠标右键菜单功能

Nov 14 jQuery

jQuery实现checkbox全选、反选及删除等操作的方法详解

Aug 02 jQuery

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函数代码

2013/08/29 PHP

php遍历删除整个目录及文件的方法

2015/03/13 PHP

PHPExcel笔记, mpdf导出

2016/05/03 PHP

php出租房数据管理及搜索页面

2017/05/23 PHP

Laravel配合jwt使用的方法实例

2020/10/25 PHP

锋利的jQuery 要点归纳（一） jQuery选择器

2010/03/21 Javascript

Javascript调用C#代码

2011/01/17 Javascript

基于dom编程中动态创建与删除元素的使用

2013/04/17 Javascript

JS隐藏参数post传值实例

2013/04/18 Javascript

JavaScript中使用Object.prototype.toString判断是否为数组

2015/04/01 Javascript

简介JavaScript中的sub()方法的使用

2015/06/08 Javascript

JS只能输入正整数的简单实例

2016/10/07 Javascript

JavaScript中boolean类型之三种情景实例代码

2016/11/21 Javascript

基于jQuery实现照片墙自动播放特效

2017/01/12 Javascript

node.js操作mongodb简单示例分享

2017/05/25 Javascript

详解在Vue中如何使用axios跨域访问数据

2017/07/07 Javascript

快速搭建React的环境步骤详解

2017/11/06 Javascript

bootstrap 路径导航分页进度条的实例代码

2018/08/06 Javascript

vue项目打包部署_nginx代理访问方法详解

2018/09/20 Javascript

详解auto-vue-file:一个自动创建vue组件的包

2019/04/26 Javascript

在Python下尝试多线程编程

2015/04/28 Python

python生成密码字典的方法

2018/07/06 Python

python 读取竖线分隔符的文本方法

2018/12/20 Python

我用Python抓取了7000 多本电子书案例详解

2019/03/25 Python

python/Matplotlib绘制复变函数图像教程

2019/11/21 Python

使用CSS3配合IE滤镜实现渐变和投影的效果

2015/09/06 HTML / CSS

html5关于外链嵌入页面通信问题(postMessage解决跨域通信)

2020/07/20 HTML / CSS

个性化皮包、小袋、生活配件：Mon Purse

2019/03/26 全球购物

在校学生职业规划范文

2014/01/08 职场文书

2014年家长学校工作总结

2014/11/20 职场文书

2015年度房地产工作总结

2015/04/09 职场文书

工程进度款催款函

2015/06/24 职场文书

公司借款担保书

2015/09/22 职场文书

简短的36句中秋节祝福信息语句

2019/09/09 职场文书

写作之关于描写老人的好段摘抄

2019/11/14 职场文书

解析CSS 提取图片主题色功能(小技巧)

2021/05/12 HTML / CSS