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

URI、URL和URN之间的区别与联系

Dec 20 Javascript

什么是json和jsonp,jQuery json实例详详细说明

Dec 11 Javascript

基于JavaScript实现继承机制之原型链(prototype chaining)的详解

May 07 Javascript

初识Node.js

Mar 20 Javascript

JavaScript中setTimeout和setInterval函数的传参及调用

Mar 11 Javascript

Ubuntu 16.04 64位中搭建Node.js开发环境教程

Oct 19 Javascript

利用React-router+Webpack快速构建react程序

Oct 27 Javascript

利用Bootstrap实现表格复选框checkbox全选

Dec 21 Javascript

Bootstrap面板（Panels）的简单实现代码

Mar 17 Javascript

JS实现的添加弹出层并完成锁屏操作示例

Apr 07 Javascript

vue监听input标签的value值方法

Aug 27 Javascript

React 高阶组件HOC用法归纳

Jun 13 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.ini中文版(2)

2006/10/09 PHP

解析php中const与define的应用区别

2013/06/18 PHP

php生成图形（Libchart）实例

2013/11/06 PHP

基于laravel制作APP接口（API）

2016/03/15 PHP

php中序列化与反序列化详解

2017/02/13 PHP

PHP迭代器和迭代的实现与使用方法分析

2018/04/19 PHP

ExtJS 2.0实用简明教程之应用ExtJS

2009/04/29 Javascript

JavaScript 程序编码规范

2010/11/23 Javascript

开发 Internet Explorer 右键功能表(ContextMenu)

2013/07/03 Javascript

Javascript中的几种URL编码方法比较

2015/01/23 Javascript

下一代Bootstrap的5个特点超酷炫！

2016/06/17 Javascript

Nodejs中 npm常用命令详解

2016/07/04 NodeJs

Ionic 2 实现列表滑动删除按钮的方法

2017/01/22 Javascript

Bootstrap响应式导航由768px变成992px的实现代码

2017/06/15 Javascript

利用adb shell和node.js实现抖音自动抢红包功能(推荐)

2018/02/22 Javascript

让Vue也可以使用Redux的方法

2018/05/23 Javascript

详解React之父子组件传递和其它一些要点

2018/06/25 Javascript

Vue Promise的axios请求封装详解

2018/08/13 Javascript

JavaScript日期工具类DateUtils定义与用法示例

2018/09/03 Javascript

Vue CLI3搭建的项目中路径相关问题的解决

2018/09/17 Javascript

Electron autoUpdater实现Windows安装包自动更新的方法

2018/12/24 Javascript

微信小程序代码上传、审核发布小程序

2019/05/18 Javascript

keep-Alive搭配vue-router实现缓存页面效果的示例代码

2020/06/24 Javascript

Python程序员开发中常犯的10个错误

2014/07/07 Python

简单谈谈Python中的反转字符串问题

2016/10/24 Python

Python3 利用requests 库进行post携带账号密码请求数据的方法

2018/10/26 Python

在python中实现将一张图片剪切成四份的方法

2018/12/05 Python

Python3爬虫学习之应对网站反爬虫机制的方法分析

2018/12/12 Python

Python数据类型之List列表实例详解

2019/05/08 Python

基于多进程中APScheduler重复运行的解决方法

2019/07/22 Python

解决Django后台ManyToManyField显示成Object的问题

2019/08/09 Python

Python爬虫requests库多种用法实例

2020/05/28 Python

python 基于opencv 绘制图像轮廓

2020/12/11 Python

党课学习思想汇报

2014/01/02 职场文书

物流管理专业职业生涯规划书

2014/01/06 职场文书

体育委员竞选稿

2015/11/21 职场文书