Night and day(夜晚和白天)
现在是你的第一个真正的脚本。
我们在这里根据时间的不同而循环显示不同的图象来实现这个功能:
(现在就想急着写了?别急,急什么,学几个概念先!)
— Date和document对象
—变量
—属性和方法
—if语句
(就这样就完了?好象还没有昂!~慢慢来,先看代码吧!)
<html>
<head>
<title>Night and Day Script</title>
</head>
<body>
<script language="JavaScript">
<!--
var now=new Date();
var hour=now.getHours();
if (hour>=4&&hour;<=16) {
document.bgColor="#ffffff";
document.fgColor="#000000";
document.write("<img height=’150’ width=’250’ src=’day.jpg’>");
document.write("<p>现在是黑夜</p>");
}
else {
document.bgColor="#000000";
document.fgColor="#ffffff";
document.write("<img height=’150’ width=’250’ src=’night.jpg’>");
document.write("<p>现在是黑夜</p>");
}
//-->
</script>
</body>
</html>
(打完了,真累!什么?你看不懂?是不懂HTML还是都不懂?完了,罚你回家把HTML所
有标签默写100遍!!!!)
现在来学习上面的定义:
script标签:
看看上面怎么写的:<script language="JavaScript"><!-- ... //--></script>
浏览器认为在script标签中的所有内容是纯javascript代码,这里就是绝大多数脚本要放的地方。script标签可以写在一个HTML文档中的任和地方,不论是开头还是结尾。
为什么要用language属性呢?
你现在学的是什么?javascript!对,是学它,你还知道别的网页脚本语言吗?知道。
知道不就行了,就是要用这个来声明语言的属性,是javascript还是vbscript,还是别的语
言。(我暂时也就知道这么几个,以后说不定还会有。加上它是必须的。)
如果你用的是最新的javascript版本那么,,,<script language="javascript 1.5">
如果你的javascript很长很长的话,那么就建议你把<!--和-->里的内容存在另一个文件里
,文件名为xxx.js,然后在网页源文件中加这几个字<script src="xxx.js" language="JavaScript"></script>。(什么?你不明白!倒了,去找个帅哥问问,也许你不是太帅,所以网页就不让你加!!!不过最好在问之前还是自己先仔细看看src后面的文件名是不
是和你另存的一样!要不就白让别人做了次帅哥了!)
Data 对象和变量
现在来看看我们上面的那个脚本中的这几个变量声明:
var now=new Data();
var hour=now.getHours();
第一行只创建一个新的Data对象并赋予名字now。用编程语言中的说法,now是一个变量,它只是用一种恰当的方式,说明它是与一条信息关联的名字。
这样,从这一个语句(var now=new Data();)开始,当前日期和时间就可以用now来引用。而(var hour=now.getHours();),就是得到当前的小时值。(兄弟,现在明白了getHours(); 是Data对象的一个方法了吗?忘了说JavaScript是一个面向对象语言。方法就是用.xxx来表示的!)
在低版浏览器中隐藏JavaScript代码:
<!--
//-->
(别怕,现在谁还用那么土的浏览器啊?不过还是写上好,有点专业精神!)
变量赋值的方法有多种,现在暂时不讨论
******************大小写一定要注意!!!*********
在JavaScript中,变量名和函数名是区分大小写的。例如,now和Now是两个不同的变量。所以,在创建一个新的变量时,一定要用相同的大小写来引用该变量。
**********************************************************
显示网页 document.write()的方法:
document.write("<img height=’150’ width=’250’ src=’day.jpg’>")
这里用document.write("")把双引号中的HTML语句给直接输出到网页上。。任何HTML语言都可以这样输出的。
注释:
单行://这是个注释
多行:/*1
2
3*/
HTML标签:<!--注释-->
把这些组合起来:
if语句:如果条件成立,那么做,(感觉这些都不用说初三就学过if的意思了)
if (this is the case) {
then run this code
}
else {
otherwise run this code
}
于是,我们就完成了上面的语句。哦,忘了,还个document.bgColor和document.
fgColor不清楚吧?
改变颜色涉及到设置当前网页的两个属性,既JavaScript所知的document对象的属性。
document对象的属性描述了这个对象的个方面的特征。
document.bgColor背景颜色
document.fgColor字体颜色
不过相信看过记过后你也应该明白了吧?
只要document对象存在,就可以随时改变背景色,但在一些浏览器中,文本颜色只能在document初始化的时候改变,所以在document对象已经显示出来之后,最好不要改变文本颜色。
累了,先一讲我们将引申时间用发和介绍一下JavaScript树!
你可以试着修改一下上面的代码,注意不要拷贝,自己慢慢往上打!! |