给iframe src赋值，代码如下：
特别注意：
1.上述jquery代码不能缺少 $(document).ready() ，否则iframe src赋值失败，除非把jquery的代码放在 <iframe ... 的html代码后面。
2.此外，还需要在 <head></head> 里引用 jquery.js
扩展资料
给iframe src赋值的其他方式
1.这是最常用的js给iframe src赋值的方法，代码如下：
2.通过js创建一个iframe元素，然后再给该元素src赋值，代码如下：
<!DOCTYPE HTML><html>
<head>
<meta charset="UTF-8" />
<title>last.html</title>
<style>
</style>
<script type="text/javascript">
window.onload = function ()
{
var iframe = document.createElement ('iframe')
iframe.src = "index.html"
iframe.setAttribute("scrolling", "no")
iframe.setAttribute("frameborder", 0)
iframe.style.position = "fixed"
iframe.style.bottom = 0
iframe.style.right = 0
iframe.style.width = "305px"
iframe.style.height = "320px"
document.body.appendChild (iframe)
}
</script>
</head>
<body>
</body>
</html>
页面一刷新，所有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=0i<vals.lengthi++){
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="http://www.baidu.com" 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>
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）