JavaScript入门教程-练习:链接及浏览用按钮


Kannst du Inline-Skript? Es handelt sich um winzige Skript-Schnipsel,
die du ohne grossen Aufwand in dein HTML-Dokument setzt. Keine 
umstaendlichen <script></script> - Tags, keine Variablen.

知道内设源码吗?那是些小源码句子,你可不必费好大劲儿就能嵌入到HTML中,
也没有必须的<script></script>指令或变量等。

Normale Hyperlinks kennst du wie folgt:

你知道通常的链接像下面的样子:

<a href="d_ziel01.htm target="_blank">Wolfs Gedichte</a>

Aber mit dem Button:

现在用按钮:

<form>
<input type="button" value="Wolfs Gedichte" onClick="location.href='d_ziel01.htm'" />
</form>

HTML Quellcode:

<html>
<head>
   <title>Funktion mit Parameteruebergabe</title>
</head>

<body>

<center>

<form>
<input type="button value="Wolfs Gedichte" onClick="location.href='d_ziel01.htm'" />
</form>

</center>
</body>

</html>

把上面的HTML完整源码存为d_button00.htm,试试看!

Die window.open()-Method

window.open()办法 (此方法可打开一新窗口)

<form>
<input type="button value="Wolfs Gedichte" onClick="window.open('d_ziel01.htm')" />
</form>

HTML Quellcode:

<html>
<head>
   <title>Funktion mit Parameteruebergabe</title>
</head>

<body>

<center>

<form>
<input type="button" value="Wolfs Gedichte" onClick="window.open('d_ziel01.htm')" />
</form>

</center>
</body>

</html>

把上面的HTML完整源码存为d_button01.htm,试试看!

Das history-Objekt

事物history

Mit dem hostory-Objekt bietest du dem Surfer die Moeglichkeit, vor 
und zurueck zu navigieren. Die Syntax sieht so aus:

history给你的访问者一个前进或后退可能。句法如下:

<a href="javascript:history.back()">back</a>
<a href="javascript:history.forward()">forward</a>

Jetzt mit dem Button:
<form>
<input type="button" value="back" onClick="javascript:history.back()">
<input type="button" value="forward" onClick="javascript:history.forward()">
</form>

HTML Quellcode:

<html>
<head>
   <title>Funktion mit Parameteruebergabe</title>
</head>

<body>

<center>

<form>
<input type="button" value="go back" onClick="javascript:history.back()" />
<input type="button" value="go forward" onClick="javascript:history.forward()" />
</form>

</center>
</body>

</html>

把上面的HTML完整源码存为d_button02.htm,试试看!

Uebung: versuch, die obige HTML-Code in deiner eignen Seite zu verwenden, wenn sie 
geeignet sind.

下一章,我们来点儿真格的。