JS动态修改iframe高度和宽度的方法
本文实例讲述了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动态修改图片的URL(src)的方法
本文实例讲述了JS动态修改图片的URL(src)的方法.分享给大家供大家参考.具体如下: 下面的JS代码可以动态修改图片地址,以显示一张新的图片,实际上是通过修改图片的src属性来实现的 <!DOCTYPE html> <html> <head> <script> function changeSrc() { document.getElementById("myImage").src="hackanm.gif"; }
-
JS动态修改网页body的背景色实例代码
大部分网页默认的背景色为白色,个人感觉比较刺眼,于是写了个JS的脚本去改变body部分的背景色,代码如下: // ==UserScript== // @name ChangeBackgroundColor // @namespace tingl // @include * // @version 1 // @grant none // ==/UserScript== (function () { 'use strict'; var color = '#ececec'; var style; fu
-
JS来动态的修改url实现对url的增删查改
虽然可以通过get方式提交post表单等方式来动态修改url,但如果多个按钮能并行提交时,写多个大体相同,又有些细节差异的表单,难免有些不妥,因此,想到了通过JS来动态的修改url,来实现对url的增删查改. <script> var LG=(function(lg){ var objURL=function(url){ this.ourl=url||window.location.href; this.href="";//?前面部分 this.params={};//ur
-
JS动态修改iframe内嵌网页地址的方法
本文实例讲述了JS动态修改iframe内嵌网页地址的方法.分享给大家供大家参考.具体分析如下: 下面的JS代码通过修改iframe的src属性动态修改iframe的内嵌网页 <!DOCTYPE html> <html> <head> <script> function changeSrc() { document.getElementById("myframe").src="http://google.com"; }
-
JavaScript动态修改背景颜色的方法
本文实例讲述了JavaScript动态修改背景颜色的方法.分享给大家供大家参考.具体如下: <html> <head> <title>Background Color Changer</title> <script language = JavaScript> <!-- function BG_yellow() { document.bgColor = 0xFFFF00 } function BG_thistle() { document.
-
javascript 动态修改css样式方法汇总(四种方法)
在很多情况下,都需要对网页上元素的样式进行动态的修改.在JavaScript中提供几种方式动态的修改样式,下面将介绍方法的使用.效果.以及缺陷. 1.使用obj.className来修改样式表的类名. 2.使用obj.style.cssTest来修改嵌入式的css. 3.使用obj.className来修改样式表的类名. 4.使用更改外联的css文件,从而改变元素的css 下面是一段html代码和css代码用来解释上面方法的区别的. CSS .style1{margin:10px auto ;b
-
javascript动态修改Li节点值的方法
本文实例讲述了javascript动态修改Li节点值的方法.分享给大家供大家参考.具体实现方法如下: 复制代码 代码如下: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
-
JS动态修改iframe高度和宽度的方法
本文实例讲述了JS动态修改iframe高度和宽度的方法.分享给大家供大家参考.具体如下: 如果希望通过按钮动态修改iframe的高度和宽度,可以参考下面的JS代码 <!DOCTYPE html> <html> <head> <script> function changeSize() { document.getElementById("myframe").height="300"; document.getEleme
-
JS动态修改表格cellPadding和cellSpacing的方法
本文实例讲述了JS动态修改表格cellPadding和cellSpacing的方法.分享给大家供大家参考.具体如下: 下面的JS代码通过修改表格对象的cellPadding和cellSpacing属性来修改表格单元格的间距 <!DOCTYPE html> <html> <head> <script> function padding() { document.getElementById('myTable').cellPadding="15&quo
-
js获得页面的高度和宽度的方法
今天在做一个弹出dialog时,遇用到了取父页面的宽度和高度的方法. 尝试了几种方式,比如document.body.clientWidth,window.screen.width,document.body.scrollWidth等方法之后,发现都不是我想要的结果,后来发现了一个高效的方法,立刻大家分享之: 在需要取高度和宽度的地方加断点调试[debugger],然后在监控页面里面输入document.body,查看所有body的属性看看哪个结果是自己需要的,如果没有适合还可以输入window
-
vue.js动态设置VueComponent高度遇到的问题及解决
目录 vue.js动态设置VueComponent高度的问题 1.获取HTML元素高度 2.获取VueComponent标签生成的元素的高度 3.判断一个对象是jQuery对象还是DOM对象 vue动态获取.设置组件高度 vue.js动态设置VueComponent高度的问题 1.获取HTML元素高度 <div v-for="data in list"> <div ref="abc">{{data.id}}</div> &
-
js动态修改整个页面样式达到换肤效果
jsPro1\js动态修改整个html页面样式(换肤).html 复制代码 代码如下: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>动态修改页面样式
-
JS修改iframe页面背景颜色的方法
本文实例讲述了JS修改iframe页面背景颜色的方法.分享给大家供大家参考.具体如下: 下面的代码演示了如何在网页里通过JS代码修改嵌入的iframe的网页背景颜色 <!DOCTYPE html> <html> <head> <script> function changeStyle() { var x=document.getElementById("myframe"); var y=(x.contentWindow || x.cont
-
js动态修改表格行colspan列跨度的方法
本文实例讲述了js动态修改表格行colspan列跨度的方法.分享给大家供大家参考.具体如下: <!DOCTYPE html> <html> <head> <script> function setColSpan() { var x=document.getElementById('myTable').rows[0].cells; x[0].colSpan="2"; x[1].colSpan="6"; } </sc
随机推荐
- wget各种选项分类列表与下载
- python通过索引遍历列表的方法
- jQuery实现的登录浮动框效果代码
- Asp.net 2.0 无刷新图片上传 显示缩略图 具体实现
- php生成缩略图填充白边(等比缩略图方案)
- Linux下压缩与解压命令详解
- Android使用SharedPreferences存储数据的实现方法
- Android源码系列之深入理解ImageView的ScaleType属性
- node.js中的fs.utimesSync方法使用说明
- VUE axios发送跨域请求需要注意的问题
- Android实现为图片添加水印
- VBS基础编程教程 (第5篇)
- PHP判断来访是搜索引擎蜘蛛还是普通用户的代码小结
- 重命名SQLServer数据库的方法
- 如何在SQLSERVER中快速有条件删除海量数据
- htaccess Rewrite中文编码问题解决方法
- Java Socket实现单线程通信的方法示例
- 详解C++文件读写操作
- 传奇私服仓库密码系统UE改法
- Angular之toDoList的实现代码示例