js修改div下的iframe

1.JavaScript如何修改页面中iframe的属性值

页面一刷新,所有JS对页面做的修改都会恢复的,如果楼主想让浏览器记住JS设定的width之类的数据(即使刷新页面,也依然能够记住刷新前的JS设置),目前来讲:1、HTML5有客户端数据储存的方法,但是支持的浏览器不多,jQuery库的Data对象实现了部分的HTML5客户端储存的功能,而且多浏览器支持;2、简单点的办法就是使用URL参数,即在使用JS对页面进行修改(比如重新设定页面中某个iframe的width)时,同时把设定的值添加到页面的URL中,这样当页面刷新时,设置的值并没有丢失,只要通过适当的方法,把这些值再读出来,并重新设置,就可以模拟保持设置。

举个简单例子:<html><head><script>;//储存当前页面的JS对iframe做出的设置var settings = {};function autoSet(){ //处理URL,如果带有初始设置,则读取 var sval = location.href; if(sval.indexOf('?')){ var vals = sval.split('?')[1]; if(vals.indexOf('&')){ vals = vals.split('&'); for(var i=0;i<vals.length;i++){ settings[vals[i].split('=')[0]] = vals[i].split('=')[1]; autoSetVal(vals[i].split('=')[0],vals[i].split('=')[1]); } }else{ settings[vals.split('=')[0]] = vals.split('=')[1]; autoSetVal(vals.split('=')[0],vals.split('=')[1]); } }}function autoSetVal(tag,val){ var ifm = document.getElementById('ifm1'); ifm[tag] = val;}function setVal(tag,val){ settings[tag] = val; fixURL();}function getSURL(){ var sval = location.href; if(sval.indexOf('?')){ return sval.split('?')[0]; }else{ return sval; }}function fixURL(){ var url = getSURL(); if(settings != {}){ url += '?'; var vals = []; for(var i in settings){ vals.push(i+'='+settings[i]); } url += vals.join('&'); } location.href = url;}window.onload = function(){ autoSet();}</script></head><body><iframe id="ifm1" src=">。

js修改div下的iframe

转载请注明出处JS代码网 » js修改div下的iframe

资讯

js新增的ngclick

阅读(7)

本文主要为您介绍js新增的ngclick,内容包括ngclick点击事件js怎样触发,XHTML+JS中事件处理函数如何可带参数?比如我用HTMLDO爱问知,JavaScript中事件处理的过程有哪三个环节.?JavaSc。第一阶段:HTML事件处理阶段。就是在元素里面添加onclick

资讯

js的encode使用

阅读(3)

本文主要为您介绍js的encode使用,内容包括jsencode怎么用,jsencode怎么用,js高手请来,帮我看看这段代码是怎么做的?<scriptl。手机串号,如同手机的身份证,每部机子的 IMEI 号都是惟一的,一般说来可以由此来判断一部机子是否为正品。 判别方法

资讯

js动态改变input的值

阅读(4)

本文主要为您介绍js动态改变input的值,内容包括在js中怎样改变input标签里动态的改变value值的字体颜色,在js中怎样改变input标签里动态的改变value值的字体颜色求大神指教,关于JS改变input值的问题。我猜楼主是想要背后那个提示语css3中有

资讯

js中的function是什么意思

阅读(6)

本文主要为您介绍js中的function是什么意思,内容包括在js中function()是什么意思?一般是什么情况下用?新手求大神详细,(function(){})();//请问这是什么JS语法,作用是什么,js中如何停止function。js 中的函数也是一种对象(Function类型的对象),函

资讯

js获取路径中的参数

阅读(6)

本文主要为您介绍js获取路径中的参数,内容包括js怎么对获取的地址里边的参数,js获取url路径里面的参数,js中如何获取地址参数的方法。var getUrlVars = function(){var vars = {}, hash, idx, hashes, i, n;i

资讯

js获取text中的值

阅读(6)

本文主要为您介绍js获取text中的值,内容包括js怎样获取html:text的值,在js中怎么获得text文本框中的值变化了,JS:如何获取text文本框中输入的数值?。错的地方有两处,第一个错误:<input id="Text1" type="text" />没有设置name这个属性,所以 var x=

资讯

js面向对象编程的好处

阅读(5)

本文主要为您介绍js面向对象编程的好处,内容包括什么是面向对象编程,它好处,面向对象程序设计的优点是什么?,面向对象编程的重要性在哪。面向对象编程(object oriented programming,oop,面向对象程序设计)是一种计算机编程架构。oop 的一条基

资讯

js中变量作用域的特性

阅读(6)

本文主要为您介绍js中变量作用域的特性,内容包括js变量作用域,JavaScript中变量的作用域是怎样的?为什么变量可以先使用再声明,什么是JavaScript的变量作用域。用cookie存取全站公共变量是最方便的。function set_cookie(name,value){ docu

资讯

js中的变量能缓存吗

阅读(6)

本文主要为您介绍js中的变量能缓存吗,内容包括JS能缓存页面么,如何设置JSCSS图片等静态资源的缓存过期时间?,js中,var修饰变量名,它可有可无吗?。在header中给静态内容添加一个较长的过期时间,这样可以使用户今后访问只读取缓存中的文件,而不

资讯

js取数字的绝对值

阅读(6)

本文主要为您介绍js取数字的绝对值,内容包括javascript怎么取绝对值,怎样用javascript取数值,javascript的字符串转换问题有如下字符串:"if(0==。Abs 函数 返回数的绝对值。 And 运算符 执行两个表达式的逻辑连接。 Array 函数 返回含一数

资讯

js中单选框的值

阅读(7)

本文主要为您介绍js中单选框的值,内容包括javascript单选框取值,如何用js得到单选框的值,javascript单选框取值。radio要用name属性来获得值<br><input type="radio" name="radiobutton" value="a

资讯

js中function函数的用法

阅读(8)

本文主要为您介绍js中function函数的用法,内容包括javascript中function方法,jsfunction定义函数的几种方法,javascript中的function用法。var asd=new Class("a");//你能new得出来?你new的对象就不是一个类你怎么去new?继承的话给你个例子var

资讯

js写原生的ajax过程

阅读(6)

本文主要为您介绍js写原生的ajax过程,内容包括使用原生javascript发送ajax请求的步骤,原生js实现ajax,原生ajax怎么实现的,如何使用原生js实现ajax请求。创建请求 var xhr = new XMLHttpRequest(); 构造函数实例化2、确定发送方式和地址 xhr.

资讯

js中获取和赋值的区别

阅读(6)

本文主要为您介绍js中获取和赋值的区别,内容包括HTMLJS取值和赋值,js解构赋值中,()与{}有什么区别,在asp中怎样获取js的值,并且赋值给变量<script?。简单理解:解构赋值的意思是对应的位置,对应的 key 自动赋值。使用 () 还是 {},要看你定义的函

资讯

js新增的ngclick

阅读(7)

本文主要为您介绍js新增的ngclick,内容包括ngclick点击事件js怎样触发,XHTML+JS中事件处理函数如何可带参数?比如我用HTMLDO爱问知,JavaScript中事件处理的过程有哪三个环节.?JavaSc。第一阶段:HTML事件处理阶段。就是在元素里面添加onclick

资讯

js的encode使用

阅读(3)

本文主要为您介绍js的encode使用,内容包括jsencode怎么用,jsencode怎么用,js高手请来,帮我看看这段代码是怎么做的?<scriptl。手机串号,如同手机的身份证,每部机子的 IMEI 号都是惟一的,一般说来可以由此来判断一部机子是否为正品。 判别方法

资讯

js动态改变input的值

阅读(4)

本文主要为您介绍js动态改变input的值,内容包括在js中怎样改变input标签里动态的改变value值的字体颜色,在js中怎样改变input标签里动态的改变value值的字体颜色求大神指教,关于JS改变input值的问题。我猜楼主是想要背后那个提示语css3中有

资讯

js中的function是什么意思

阅读(6)

本文主要为您介绍js中的function是什么意思,内容包括在js中function()是什么意思?一般是什么情况下用?新手求大神详细,(function(){})();//请问这是什么JS语法,作用是什么,js中如何停止function。js 中的函数也是一种对象(Function类型的对象),函

资讯

js获取路径中的参数

阅读(6)

本文主要为您介绍js获取路径中的参数,内容包括js怎么对获取的地址里边的参数,js获取url路径里面的参数,js中如何获取地址参数的方法。var getUrlVars = function(){var vars = {}, hash, idx, hashes, i, n;i

资讯

js获取text中的值

阅读(6)

本文主要为您介绍js获取text中的值,内容包括js怎样获取html:text的值,在js中怎么获得text文本框中的值变化了,JS:如何获取text文本框中输入的数值?。错的地方有两处,第一个错误:<input id="Text1" type="text" />没有设置name这个属性,所以 var x=

资讯

js面向对象编程的好处

阅读(5)

本文主要为您介绍js面向对象编程的好处,内容包括什么是面向对象编程,它好处,面向对象程序设计的优点是什么?,面向对象编程的重要性在哪。面向对象编程(object oriented programming,oop,面向对象程序设计)是一种计算机编程架构。oop 的一条基

资讯

js传值的哪种方法好

阅读(6)

本文主要为您介绍js传值的哪种方法好,内容包括JS传递大数据量的参数时,应该采用哪种方式更好哪,JS中的传值方式有哪几种?,如何在JavaScript与ActiveX之间传递数据。在JS等脚本语言与ActiveX控件之间通信,如何传递各种类型的参数,以及COM的IDi