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

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

黄舟
リリース: 2017-07-21 13:25:17
オリジナル
3152 人が閲覧しました

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 サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート