ホームページ  >  記事  >  ウェブフロントエンド  >  JavaScript を使用して iframe の src 属性を動的に変更する方法に関するサンプル コードの共有

JavaScript を使用して iframe の src 属性を動的に変更する方法に関するサンプル コードの共有

黄舟
黄舟オリジナル
2017-07-21 13:25:173140ブラウズ

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 オブジェクトには、指定された 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 を変更できます。よろしくお願いします。 ここでのもう 1 つの問題は、まず親ページの 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 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。