第10章 锦上添花的脚本

《第10章 锦上添花的脚本》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、第10章锦上添花的脚本10.1理论：JavaScript的应用10.2实例程序10.3小结10.1理论：JavaScript的应用10.1.1了解JavaScript1.JavaScript的由来谈到JavaScript的历史，首先就要介绍Netscape这家公司。2.JavaScript和Java的差异JavaScript和Java的差别究竟在哪儿呢？虽然名称很相似，而且都是在Internet和WWW盛行之下所发展出来的两种提供网页脚本设计的语言，但是却有很大的差异。下一页10.1理论：JavaScript的应用（1）

2、JavaScript是一种描述语言，通过浏览器就可以直接执行；而Java像正统的编程语言（如C/C++）一样，必须先进行编译和链接等动作才可执行。（2）JavaScript必须编写在HTML文件中，直接查看网页的源代码就可以看到JavaScript脚本，所以没有保护，任何人都可以通过HTML文件复制脚本；而Java应用在网页的脚本称为JavaApplet（Applet是小程序的意思），是和HTML文件分开的。下一页上一页10.1理论：JavaScript的应用（3）JavaScript的结构较为自由松散，譬如，脚本中使用

3、的变量前并不需要明确的定义，而Java和正统的编程语言一样，结构较为严谨。（4）JavaScript不具有读写档案及网络控制等功能，Java则提供这些功能，但是JavaScript在网页内容的控制和互动性方面可算是最方便快捷的。3.JavaScript很难吗虽然JavaScript是一种设计网页的描述语言，但是严格说来，并不像正统的编程语言那样复杂，所以学起来也不如想象中那么困难。下一页上一页10.1理论：JavaScript的应用10.1.2填写第一个JavaScript程序（1）打开Dreamweaver，新建一个页

4、面。单击代码按钮，如图10-1所示。（2）在代码界面中我们可以看到在HTML中学习的一些标识，在之间加上了网页的标题Java，如图10-3所示。（3）将鼠标移动到标识和之间，输入再按下Enter键，如图10-4所示。下一页上一页10.1理论：JavaScript的应用（4）接着输入“alert(‘欢迎光临这里是硬件沙龙，欢迎参观指教！！’)”，如图10-5所示，再按下键盘上的Enter键。（5）

5、最后输入，这就完成了简单的JavaScript脚本。（6）将文件保存后，查看所制作的效果图，如图10-7、图10-8所示。下一页上一页10.1理论：JavaScript的应用10.1.3常见的概念1.JavaScript脚本的开始和结束HTML使用标识来控制网页内容的显示。2.JavaScript脚本插入的位置在欢迎对话框范例中，我们将脚本写在和标识里面。下一页上一页10.1理论：JavaScript的应用3.解决与旧浏览器的相容问题在网页中使用JavaScript可能会发生与

6、旧浏览器不相容的问题，如果别人使用不支持JavaScript的旧浏览器，则JavaScript的源代码将会显示在画面上。4.修改在第一个脚本中，我们已经制作出网页欢迎消息的对话框了，如果想要有更多的变化，还可以在网页中告诉网友今天的日期返回上一页10.2实例程序10.2.1数字时钟1.源代码将下面的代码添加到和之间，如图10-14所示。2.详细分析Varhour,min,sec是声明hour，min和sec三个变量。Founctionshowclock()是定义showclock()函数。Now

7、=newData()建立一个日期的对象，用来给我们操作。Hour=now.getHour()日期对象取小时的操作。下一页10.2实例程序10.2.2消息提示如果你想在不同的时段以不同的欢迎词问候进入网站的网友，例如，在早上8点时让网页显示“早安！！现在是上午8点”。1.源代码先将代码插入到和之间，如图10-16所示。2.分析由于前面的和上个例子一样，在此就只做简单解释。下一页上一页10.2实例程序10.2.3让网页背景及图案随时间变化在网页中除了可以放上数字钟来显示时间并依照不同的时段显示不同的

8、消息外，还可以让网页背景色彩跟着时间变换，让访客在视觉上直接感受时间的变化和你的巧思。1.源代码将下面的代码插入到合适的位置中，如图10-18所示。2.分析if(hr>5&&hr<18)中的&为逻辑符号，表示两个条件都满足。下一页上一页10.2实例程序10.2.4状态栏跑马灯1.源代码2.分析while(i++<14