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

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

WBOY
WBOYOriginal
2016-05-16 15:20:461317Durchsuche

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>

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>

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.

Stellungnahme:
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