|

● 根据时间显示不同的欢迎讯息

现在,我们就来详细解析让网页根据时间显示不同的欢迎讯息的程式内容:

在网页中显示讯息--document.write()
在JavaScript程式中,想要将一段HTML格式的语法标签或文字讯息加入到网页中,使用[document.write()]这个[方法](method)是最好不过了。
举个简单例子来说,如果你在HTML文件中加入JavaScript程式[document.write(“您好,欢迎光临”)],网页上就会出现[您好,欢迎光临]的讯息。
也许你会纳闷,既然是一般文字,为什么不直接写在HTML中呢?通常会用到[document.write()]的时机,是需要根据条件判断,再设定显示讯息的情况,或者讯息内容中有包含着变数。以这个程式来说,我们先判断目前的时间,再利用document.wirte(),在网页中显示适当的讯息,例如:
if (hr<6) {
document.write("夜深了!还在工作吗?现在是凌晨"+hr+"点")
} |
如果目前时间是3点,网页中便会显示[夜深了!还在工作吗?现在是凌晨3点]的讯息。在JavaScript程式中,经常会看到[document.write()]的叙述,后面的例子我们还会介绍其他的用法。
基本语法 [if]的用法
还记得吗?在上一单元我们介绍过[if]这个基本语法,它是用来判断设定的条件,条件成立进才会执行对应的程式。这里要介如的是更进一步的用法--[if]再加上[else],让程式中设定的条件的方式更有弹性。举个简单例子来说:
if(score>60)
{
message="及格"
}
else
{
message="不及格"
} |
[else]的意思是[否则],所以这个条件式是当score大于60,message就是[及格],否则就是[不及格]。这只是简单的单一判断条件,如果有数个条件需要判断,以下面这个例子为例:
if(score>90)
{
message="甲等"
}
else if(score>80)
{
message="乙等"
}
…… |
在这个范例中,先判断score是否大于90,大于message是[甲等],如果不是,再判断是否大于80,如果是则message是[乙等],以此类推。
在这个程式中,用到了一连串[if…else]的用法,方便我们显示不同时间的讯息,相信你应该可以了解吧!
修改欢迎讯息的内容
更改这个程式讯息的方法很简单,你可以任意更换想要显示的内容,直接换掉[document.write()]里面的讯息内容即可,例如:
if (hr < 6) {
document.write("大家现在还在睡觉,你真是努力啊!现在是"+hr+"A.M.")
} |
此外,你还可以自行设定判断的条件,不一定要和范例程式一样,动一点脑筋,你就可以让这个程式更加与众不同。
|