第4章 JavaScript脚本编程语言

《第4章 JavaScript脚本编程语言》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。

1、第4章JavaScript脚本编程语言JavaScript是WWW上的一种功能强大的脚本编程语言，用于开发交互式的Web页面。它不仅可以直接应用于HTML文档以获得交互式效果或其他动态效果，而且可以运行于服务器端，从而替代传统的CGI程序。JavaScript可以运行在客户端，也可以运行在服务器端，本书中的实例均运行于客户端。运行于客户端也是JavaScript的优势所在，能够减轻服务器的压力，让常见的一些网页效果在用户的浏览器端直接运行，而不经过服务器。【例4-1】时间日期实例——数字时钟JavaScript是基于对象的编程语言，在HTML文档中插入Ja

2、vaScript脚本代码有三种方式：（1）使用script标记符。可以在HTML文档中的和中放置JavaScript脚本。2）直接添加脚本。同在HTML标记符中运用style属性添加CSS样式一样，也可以直接在HTML标记符中添加JavaScript脚本来响应页面元素的事件。（3）链接外部脚本。如果同一段脚本程序需要在很多程序中引用，可以将这段脚本放在一个单独的文件中。如上例的window.status=Date()需要运用到很多页面，我们可以将其保存为扩展名为.js的外部脚本文件，然后使用script标记符中的src属性来指定外部

3、脚本的URL地址。【例4-2】鼠标类实例——获取鼠标位置和禁止键的使用JavaScript是一种基于对象的编程语言，采用事件驱动。通常鼠标或者键的操作称为事件（event），当用户进行单击鼠标等操作时，就产生了一个事件，这个事件需要浏览器进行处理，浏览器响应并进行事件处理的过程称为事件处理，进行这种处理的代码称为事件响应函数。本例中的onmousedown、onmousemove就是两个事件，当按下鼠标（onmousedown）时，调用函数myclick()进行处理，这里的myclick()为事件响应函数。除了onmousedown、onmousemove

4、事件外，JavaScript还有一些比较常用的事件，如表4-9所示。【例4-2】鼠标类实例——获取鼠标位置和禁止键的使用event事件对象。event事件有时非常有用，比如要获取鼠标的坐标值、现在按下的是鼠标左键还是右键，或者通过键盘获取按下的是哪个键。通过event对象，可以访问键盘、鼠标动作等事件的状态，从而实现对键盘、鼠标动作进行控制与处理。event对象是window对象的子对象。表4-10列出了event对象常用的属性。【例4-2】鼠标类实例——获取鼠标位置和禁止键的使用window.status状态栏设置。本例在浏览器窗口的状态栏中显示鼠标的当

5、前位置，代码如下：window.status="X="+window.event.x+",Y="+window.event.y;还可以在状态栏显示静态或者动态的文本，若是静态文本，直接用如下代码：window.status="欢迎你来到这里！";在状态栏上也可以动态地显示文字或者时间，详见【例4-3】。【例4-2】鼠标类实例——获取鼠标位置和禁止键的使用消息对话框的使用JavaScript中有3种常用对话框：显示警告的对话框alert()、显示确认消息的对话框confirm()以及显示提示信息的对话框prompt()。【例4-3】状态栏实例——状态栏显示的

6、动态时钟window对象的方法中有4种进行定时设置的方法，其中setInterval()和clearInterval()方法用于设置和取消循环定时操作；setTimeout()和clearTimeout()方法用于设置和取消延时定时操作。setInterval()方法。该方法的语法如下：timeID=setInterval(code,milliseconds)其中，code可以是要调用的函数或者要执行的代码表达式，milliseconds表示循环操作的定时时间间隔，以毫秒为单位，setInterval()方法可按照指定的周期milliseconds（以毫秒

7、计）来调用函数或计算表达式，即每隔milliseconds毫秒，执行code一次，直到clearInterval()被调用或窗口被关闭。由setInterval()返回的timeID值可用作clearInterval()方法的参数。【例4-3】状态栏实例——状态栏显示的动态时钟clearInterval()方法。该方法的语法如下：clearInterval(timeID);其中，timeID参数表示setInterval()方法返回的值。函数的功能是停止setInterval方法激活的定时器。setTimeout()方法。该方法的语法如下：timeID=s

8、etTimeout(code,milliseconds)其中，co