Heim > Web-Frontend > js-Tutorial > So verwenden Sie Unterseiten in js übergeordneten Seiten_Javascript-Fähigkeiten

So verwenden Sie Unterseiten in js übergeordneten Seiten_Javascript-Fähigkeiten

WBOY
Freigeben: 2016-05-16 15:20:46
Original
1363 Leute haben es durchsucht

iframe ist ein sehr häufig verwendetes HTML-Element. Wenn Sie eine untergeordnete Seite auf der übergeordneten Seite verwenden, wie sollten Sie diese schreiben?
1. Code der übergeordneten Seite

<html>
<head>
<meta charset=" gb2312">
<title>父页面</title>
<script type="text/javascript">
function parentFunction() 
{
 alert('function in parent');
}
function callChild() 
{
 child.window.childFunction();
 /*
  child 为iframe的name属性值,
  不能为id,因为在FireFox下id不能获取iframe对象
 */
}
</script>
</head>
<body>
 <iframe name="child" src="./child.html" ></iframe>
</body>
</html>
Nach dem Login kopieren

2. Code im Iframe

<html>
<head>
<meta charset="gb2312">
<title>iframe代码</title>
<script type="text/javascript">
function childFunction() 
{
 alert('function in child');
}
function callParent() 
{
 parent.parentFunction();
}
</script>
</head>
<body>
</body>
</html>
Nach dem Login kopieren

Die beiden oben genannten Codes können die Funktionen des anderen auf der übergeordneten Seite und der untergeordneten Seite aufrufen. Dies ist relativ einfach und wird nicht im Detail vorgestellt.
Ich hoffe, dieser Artikel hilft Ihnen beim Erlernen der JavaScript-Programmierung.

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