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

学习ExtJS fit布局使用说明

Oct 08 Javascript

浅析LigerUi开发中谨慎载入common.css文件

Jul 09 Javascript

jQuery中:selected选择器用法实例

Jan 04 Javascript

在JavaScript的jQuery库中操作AJAX的方法讲解

Aug 15 Javascript

JS实现超精简的链接列表在固定区域内滚动效果代码

Nov 04 Javascript

基于jQuery实现鼠标点击导航菜单水波动画效果附源码下载

Jan 06 Javascript

利用Angular+Angular-Ui实现分页（代码加简单）

Mar 10 Javascript

swiper动态改变滑动内容的实现方法

Jan 17 Javascript

react-native动态切换tab组件的方法

Jul 07 Javascript

如何把vuejs打包出来的文件整合到springboot里

Jul 26 Javascript

es6中new.target的作用和使用场景简单示例分析

Mar 14 Javascript

利用js实现简易红绿灯

Oct 15 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开发负载均衡指南

2010/07/17 PHP

Yii PHP Framework实用入门教程(详细介绍)

2013/06/18 PHP

解析php addslashes()与addclashes()函数的区别和比较

2013/06/24 PHP

C/S和B/S两种架构区别与优缺点分析

2014/10/23 PHP

PHP判断访客是否手机端(移动端浏览器)访问的方法总结【4种方法】

2019/03/27 PHP

JQuery index()方法使用代码

2010/06/02 Javascript

js简单实现竖向tab选项卡的方法

2015/05/04 Javascript

easyui Droppable组件实现放置特效

2015/08/19 Javascript

详解js跨域原理以及2种解决方案

2015/12/09 Javascript

javascript瀑布流式图片懒加载实例

2020/06/28 Javascript

Bootstrap富文本组件wysiwyg数据保存到mysql的方法

2016/05/09 Javascript

js HTML5多图片上传及预览实例解析（不含前端的文件分割）

2016/08/26 Javascript

vue2手机APP项目添加开屏广告或者闪屏广告

2017/11/28 Javascript

微信小程序wx.getImageInfo()如何获取图片信息

2018/01/26 Javascript

vue中的router-view组件的使用教程

2018/10/23 Javascript

教你搭建按需加载的Vue组件库(小结)

2019/07/29 Javascript

Vue实现星级评价效果实例详解

2019/12/30 Javascript

Vue基于iview实现登录密码的显示与隐藏功能

2020/03/06 Javascript

[14:56]教你分分钟做大人：巫医

2014/10/30 DOTA

[36:22]VP vs Serenity 2018国际邀请赛小组赛BO2 第一场 8.16

2018/08/17 DOTA

Python 数据处理库 pandas 入门教程基本操作

2018/04/19 Python

python实现超简单的视频对象提取功能

2018/06/04 Python

python pandas.DataFrame.loc函数使用详解

2020/03/26 Python

HTML5实现签到功能

2018/10/09 HTML / CSS

IFCHIC台湾：欧美国际设计师品牌

2019/05/18 全球购物

Skyscanner新西兰：全球领先的旅游搜索网站

2019/08/26 全球购物

营业经理岗位职责

2013/11/10 职场文书

师范应届生求职信

2013/11/15 职场文书

创业计划书撰写原则

2014/01/25 职场文书

绿化先进工作者事迹材料

2014/01/30 职场文书

群众路线教育实践活动民主生活会个人检查对照思想汇报

2014/10/04 职场文书

2014年护士长工作总结

2014/11/11 职场文书

放假通知格式

2015/04/14 职场文书

教师节座谈会主持词

2015/07/03 职场文书

mysql配置SSL证书登录的实现

2021/09/04 MySQL

JavaScript异步操作中串行和并行

2021/11/20 Javascript