Javascript实例教程(3)

九.利用Javascript随机显示图片

有时你可以会在一些网站看到一些变化显示的图片，这除了可以利用Flash来制作之外，当然也可以利用本节教程介绍的方法来实现哦。好吧，就开始我们的创作吧。我们可以在网页的最前面部分添加以下的代码来创建一个随机的数字：

<SCRIPT>

<!--

// Randomizer

rnd.today=new Date();

rnd.seed=rnd.today.getTime();

function rnd() {

rnd.seed = (rnd.seed*9301+49297) % 233280;

return rnd.seed/(233280.0);

};

function rand(number) {

return Math.ceil(rnd()*number);

};

// end randomizer. -->

</SCRIPT>

为了创建一个从1到10的随机数字，你可以rand(7)。为了显示随机显示从num1.gif到num7.gif，你可以编写以下代码到你的网页中去：

<SCRIPT LANGUAGE="JavaScript"><!--

document.write('<IMG SRC="banner' + rand(7) + '.gif"

WIDTH="400" HEIGHT="40">');

//--></SCRIPT>

一切OK了，你可以欣赏欣赏你的大作了。直到现在你可能会对JavaScript多了一点体会：JavaScript功能是如此的强大。我想这主要归功于JavaScript有许多功能函数。

十.利用Javascript创建一个“后退”连接

在JavaScript中实现一个“后退”连接是相当容易的。这个“后退”连接的功能的作用就象网页中“后退”按钮一样，具体你可以使用以下代码：

<FORM>

<input type=button value="Go Back"

onClick="history.back(-1)" >

</FORM >

你仔细点就会发现，这段代码实际上是使用了history.back()函数而已。这点又是JavaScript功能函数强大的一个体现。其中history.back(-1)代表你要连接到的前面一张网页。如果你要往后回退5页,你可以使用history.back(-5)就搞定了。

我们翱翔于JavaScript中，我只能用一个字来表达我们的感受：“酷”。

十一.利用Javascript从旧的浏览器中隐藏Javascript

　　对于JavaScript初学者来说，它们经常忘记在旧浏览器（比如Netscape Navigator 1.12）隐藏JavaScript代码。你也许会问为什么要隐藏呢？原因很简单，就是旧的浏览器不支持JavaScript。如果你不加以正确的措施，在旧的浏览器上将会显示你的JavaScript源代码，跟HTML一样，所以你必须将JavaScript隐藏起来。具体，你可以使用一些HTML语句来轻松实现从旧的浏览器中隐藏Javascript的目的。

具体代码如下：

<SCRIPT LANGUAGE="JavaScript">

<!-- alert("JavaScript is running!");

// --> </SCRIPT>

　　支持JavaScript的浏览器将会解释这段代码，而旧的浏览器只会将它视为HTML，而它已经被注释了，所以达到了隐藏JavaScript代码的目的。你可能想增加一些文本到<NOSCRIPT>标签处，它可以让非JavaScript用户看到它们缺少什么：

<NOSCRIPT>This will only show up in older non-JavaScript capable browsers</NOSCRIPT>

　　事实上，不支持JavaScript的浏览器极少，即使有，使用那种浏览器的人几乎没有，在平时制作的过程中此标签可以忽略不做。但话说回来，对于一个程序员，培养良好的编程习惯极为重要，那当然是从小事做起了。

十二.利用Javascript产生鼠标移过时报警

　　为了产生鼠标移过时报警，首先你可以在网页的最前面添加一下JavaScirpt语句：

<script language="JavaScript">

<---hide from non-JavaScript browsers

function alertdave(){

window.alert("这是太平洋电脑网");

}

// end hide

</script>

为了调用这个alterdave()你可以编写以下语句：

<a href="http://www.pconline.com.cn/" OnMouseOver="alertdave()"> <center>太平洋电脑网</center></a>'

　　点击下面的去测试页看具体的例子，你将鼠标移动到“太平洋电脑网”上的时候，就会弹出一个对话框报警。