Heim > Web-Frontend > js-Tutorial > So rufen Sie die übergeordnete Seite von iframe in js auf

So rufen Sie die übergeordnete Seite von iframe in js auf

高洛峰
Freigeben: 2016-12-24 16:56:38
Original
1421 Leute haben es durchsucht

Das Beispiel in diesem Artikel beschreibt die Methode zum Aufrufen der übergeordneten Seite aus iframe in js. Teilen Sie es als Referenz mit allen. Die spezifische Implementierungsmethode lautet wie folgt:

Die Methode für eine untergeordnete Seite zum Aufrufen der übergeordneten Seite ist in js einfach zu implementieren. Wir müssen nur eine Funktion zur Hauptseite hinzufügen und dann die Funktion window.parent.method() auf der Unterseite verwenden, um

zu erreichen. Wenn Sie beispielsweise die Funktion a() aufrufen, ist dies der Fall geschrieben als:

window.parent.a();
Nach dem Login kopieren

Aber ich habe festgestellt, dass diese Methode im Chrome-Browser ungültig ist

//在父页面中调用该函数
<script>
function dey() {
var cards_frame=document.frames("card-iframe");    //card-iframe为iframe的名字       
cards_frame.checkedCard()             //调用iframe中定义的方法,把内嵌页面的值传到父页面
}
</script>
Nach dem Login kopieren

2) Rufen Sie die von der übergeordneten Seite im Iframe definierte Methode auf

function alert_window(picurl,h_id) 
{ 
document.parentWindow.parent.msg(picurl,h_id); 
}
//msg()为父窗口定义的函数.
Nach dem Login kopieren

card-iframe ist eine Iframe-Frame-ID, b() ist die Unterseiten-JS-Funktion. Das contentWindow-Attribut ist das Fensterobjekt, in dem sich der angegebene Frame oder Iframe befindet, und kann im IE weggelassen werden.


Ich hoffe, dass dieser Artikel für das JavaScript-Programmierdesign aller hilfreich sein wird.


Weitere verwandte Artikel zum Aufrufen der übergeordneten Seite von iframe in js finden Sie auf der chinesischen PHP-Website!


Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage