编程 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 this用法小结

Dec 19 Javascript

javascript中onmouse事件在div中失效问题的解决方法

Jan 09 Javascript

ExtJS实现文件下载的方法实例

Nov 09 Javascript

关于JavaScript对象的动态选择及遍历对象

Mar 10 Javascript

用js设置下拉框为只读的小技巧

Apr 10 Javascript

Javascript玩转继承（二）

May 08 Javascript

响应式表格之固定表头的简单实现

Aug 26 Javascript

ES6学习之变量的解构赋值

Feb 12 Javascript

Vue + better-scroll 实现移动端字母索引导航功能

May 07 Javascript

基于Vue-cli快速搭建项目的完整步骤

Nov 03 Javascript

vuex管理状态刷新页面保持不被清空的解决方案

Nov 11 Javascript

详解vue中v-on事件监听指令的基本用法

Jul 22 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中限制IP段访问、禁止IP提交表单的代码

2011/04/23 PHP

PHP编写文件多服务器同步程序

2016/07/02 PHP

2017年最新PHP经典面试题目汇总(上篇)

2017/03/17 PHP

PHP实现微信提现（企业付款到零钱）

2019/08/01 PHP

js 实现复制到粘贴板的功能代码

2010/05/13 Javascript

jquery的index方法实现tab效果

2011/02/16 Javascript

JavaScript高级程序设计阅读笔记（十六） javascript检测浏览器和操作系统-detect.js

2012/08/14 Javascript

JQuery的$和其它JS发生冲突的快速解决方法

2014/01/24 Javascript

Node.js实现批量去除BOM文件头

2014/12/20 Javascript

JavaScript中的操作符==与===介绍

2014/12/31 Javascript

jQuery检查事件是否触发的方法

2015/06/26 Javascript

Kindeditor在线文本编辑器如何过滤HTML

2016/04/14 Javascript

谈一谈bootstrap响应式布局

2016/05/23 Javascript

深入理解Javascript中的自执行匿名函数

2016/06/03 Javascript

js 获取图像缩放后的实际宽高,位置等信息

2017/03/07 Javascript

Bootstrap进度条实现代码解析

2017/03/07 Javascript

使用BootStrap实现标签切换原理解析

2017/03/14 Javascript

在Vue中如何使用Cookie操作实例

2017/07/27 Javascript

JS实现点击链接切换显示隐藏内容的方法

2017/10/19 Javascript

nodejs操作mongodb的填删改查模块的制作及引入实例

2018/01/02 NodeJs

vue中,在本地缓存中读写数据的方法

2018/09/21 Javascript

浅谈vue加载优化策略

2019/03/19 Javascript

如何修改Vue打包后文件的接口地址配置的方法

2020/04/22 Javascript

element-ui 实现响应式导航栏的示例代码

2020/05/08 Javascript

浅谈vue中get请求解决传输数据是数组格式的问题

2020/08/03 Javascript

使用Python编写简单网络爬虫抓取视频下载资源

2014/11/04 Python

简单讲解Python中的数字类型及基本的数学计算

2016/03/11 Python

Python生成数字图片代码分享

2017/10/31 Python

详解程序意外中断自动重启shell脚本（以Python为例）

2019/07/26 Python

基于MATLAB和Python实现MFCC特征参数提取

2019/08/13 Python

Python Switch Case三种实现方法代码实例

2020/06/18 Python

多视角3D逼真HTML5水波动画

2016/03/03 HTML / CSS

工程开工庆典邀请函

2014/02/01 职场文书

数字化校园建设方案

2014/05/03 职场文书

会议通知格式范文

2015/04/15 职场文书

JavaScript函数柯里化

2021/11/07 Javascript