JavaScript入门教程-用新窗口当遥控器


Dafuer brauchst du wieder das window-Objekt, diesmal jedoch die 
opener-Eigenschaft. 

这时需要window这个事物的opener特征。

Im Beispiel handelt es sich um drei Seiten, d_fenster_a.htm,
d_fenster_b.htm und d_fenster_c.htm. Das Fernsteuerungs_Fenster
wird direkt von d_fenster_a.htm aus aufgerufen.

本例子涉及四个网页,即:d_fenster_a.htm, d_fenster_b.htm 和 d_fenster_c.htm
这三个被遥控的网页。还有要做遥控器的d_bedienung.htm页,将从d_fenster_a.htm页
中被唤出。

Quellcode vom d_fenster_a.htm:

d_fenster_a.htm页的源码如下:

<html>
<head>
   <title>Mein erstes Skript</title>

<script language="JavaScript" tpye="text/javascript">
<!--
  var win;
  win=window.open("d_bedienung.htm","Bedienung","height=160,width=220,left=0,top=400");
//-->
</script>

</head>

<body>
</body>

</html>

Quellcode vom d_bedienung.htm:

d_bedienung.htm页的源码如下:

<html>
<head>
   <title>Mein erstes Skript</title>

<script language="JavaScript" tpye="text/javascript">
<!--
  var ziel;
  function verweis(ziel) {
  window.opener.location.href=ziel;
  }
//-->
</script>

</head>

<body>
<center>
<form>
<input type="button" value="Fenster A" onClick="verweis('d_fenster_a.htm')" />
<input type="button" value="Fenster B" onClick="verweis('d_fenster_b.htm')" />
<input type="button" value="Fenster C" onClick="verweis('d_fenster_c.htm')" />
</form>
</body>
</center>

</html>

在这儿启动d_fenster_a.htm来试试!

练习:请分析所涉及的四个网页的源码。

下一章,我们学习完全用JavaScript来编写一个网页。