>  기사  >  웹 프론트엔드  >  JavaScript를 사용하여 iframe의 src 속성을 동적으로 변경하는 방법에 대한 샘플 코드 공유

JavaScript를 사용하여 iframe의 src 속성을 동적으로 변경하는 방법에 대한 샘플 코드 공유

黄舟
黄舟원래의
2017-07-21 13:25:173067검색

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 attribute"] .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");

창 개체에는 지정된 URL로 리디렉션하는 Navigate() 메서드가 있습니다. . .

iframe의 src는 확실히 변경될 수 있습니다. 얻은 iframe 객체가 잘못되어 원본 포스터가 실패한 것으로 추정됩니다.
top.document.all("Your iframe's ID/name").src=your address; 이는 IE에서 사용해야 하지만 더 나은 호환성을 위해 iframe에 ID와 이름이 모두 있고 개체는 다음 호환 코드

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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.