首页 > web前端 > js教程 > 正文

如何使用JavaScript动态改变iframe的src属性的示例代码分享

黄舟
发布: 2017-07-21 13:25:17
原创
3128 人浏览过

如何使用JavaScript动态改变iframe的src属性的示例代码分享

<iframe id="xx"></iframe>
<iframe id="yy"></iframe>
<script>


var xxObj = document.frames;
xxObj[0].src="index.htm";

</script>
登录后复制

iframeID.location=newURL

<iframe id="myIframe"></iframe>

<script language="javascript">
myIframe.src = "index.htm";

</script>
登录后复制

document.frames[0].location.href =url;

window.frames["iframeName属性"].location.href="xxxx.asp"

frames.youname.src = url;

<iframe id="xx" src=""></iframe>

document.getElementById("xx").src="xx.htm";
登录后复制

或者

document.getElementsByTagName("iframe")[0].src="xx.htm";
登录后复制

印象中跨域是不行的

对楼上各位的敬仰之情有如滔滔江水连绵不绝。

document.frames[0].navigate("about:blank");
登录后复制

window对象有navigate()方法可以转向到指定的URL的。。。

iframe的src是肯定可以改变的,估计楼主不成功是因为获取的iframe对象不对。
top.document.all("你的iframe的ID/name").src=你的地址; 在IE中要这样使用,不过我建议为了更好的兼容性,iframe 同时有id 和name,而且获得对象用下面的兼容性代码

function lib_bwcheck(){ 
this.ver=navigator.appVersion; 
this.agent=navigator.userAgent
this.dom=document.getElementById?1:0
this.win = (navigator.appVersion.indexOf("Win")>0);
this.xwin = (navigator.appVersion.indexOf("X11")>0);
this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom)?1:0;
this.ie6=(this.ver.indexOf("MSIE 6")>-1 && this.dom)?1:0;
this.ie4=(document.all && !this.dom)?1:0;
this.ie=this.ie4||this.ie5||this.ie6
this.mac=this.agent.indexOf("Mac")>-1
this.opera5=this.agent.indexOf("Opera 5")>-1
this.ns6=(this.dom && parseInt(this.ver) >= 5) ?1:0; 
this.ns4=(document.layers && !this.dom)?1:0;
this.bw=(this.ie6 || this.ie5 || this.ie4 || this.ns4 || this.ns6 || this.opera5 || this.dom||false);
this.width = null;
this.height = null;
return this
}
function getObjectById( ID ) {
var bw = new lib_bwcheck();
if (bw.ns6) return document.getElementById(ID);
else if (bw.ns) return document.layers[ID];
else return document.all[ID];
}
登录后复制

top.document.all("你的iframe的ID/name").src=你的地址;变成
getObjectById( "你的iframe的ID/name" ).src=你的地址;
登录后复制

按照各位大侠提供的方法,可以改变url,非常感谢! 我这里还有一个问题就是,我首先要改变父页面的url(不打开新的页面),然后改变其页面中iframe的src,希望能够你们的进一步支持!
我用的方法是:

window.location =parentUrl;
document.getElementById("upperPage").src=child1Url;
document.getElementById("bottomPage").src=child2Url;
登录后复制

这样无法改变iframe的src属性,如果我把window.location =parentUrl; 去掉,可以改变src属性!请高手继续赐教! 大恩不言谢!!!

你确定新页面中有upperPage这样的iframe?
   

ice_berg16(寻梦的稻草人),能否给我一个解决方案呢?我想改变当前页面的url,并且还要修改其内部的iframe的src属性,不胜感激!
   


   

以上是如何使用JavaScript动态改变iframe的src属性的示例代码分享的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板