如何将javascript运用到iframe中

就是在页面中添加百度联盟,怎么用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="" name="x" width="750px" height="500px"></iframe><br />
<input type="text" value="750" id="sw"><input type="button" value="设置宽度" onclick="setVal('width',document.getElementById('sw').value)"><br />
<input type="text" value="500" id="sh"><input type="button" value="设置高度" onclick="setVal('height',document.getElementById('sh').value)"><br />
</body>
</html>
温馨提示:答案为网友推荐,仅供参考
相似回答