文档介绍：第4章 JavaScript脚本编程语言
JavaScript是的Web页面。它不仅可以直接应用于HTML文档以获得交互式效果或其他动态效果,而且可以运行于服务器端,从而替代传统的CGI程序。
JavaScript可以运行在客户端,也可以运行在服务器端,本书中的实例均运行于客户端。运行于客户端也是JavaScript的优势所在,能够减轻服务器的压力,让常见的一些网页效果在用户的浏览器端直接运行,而不经过服务器。
【例4-1】时间日期实例——数字时钟
JavaScript是基于对象的编程语言,在HTML文档中插入JavaScript脚本代码有三种方式:
(1)使用script标记符。
可以在HTML文档中的<head>和<body>中放置JavaScript脚本。
2)直接添加脚本。
同在HTML标记符中运用style属性添加CSS样式一样,也可以直接在HTML标记符中添加JavaScript脚本来响应页面元素的事件。
(3)链接外部脚本。
如果同一段脚本程序需要在很多程序中引用,可以将这段脚本放在一个单独的文件中。=Date()需要运用到很多页面,,然后使用script标记符中的src属性来指定外部脚本的URL地址。
【例4-2】鼠标类实例——获取鼠标位置和禁止键的使用
JavaScript是一种基于对象的编程语言,采用事件驱动。通常鼠标或者键的操作称为事件(event),当用户进行单击鼠标等操作时,就产生了一个事件,这个事件需要浏览器进行处理,浏览器响应并进行事件处理的过程称为事件处理,进行这种处理的代码称为事件响应函数。
本例中的onmousedown、onmousemove就是两个事件,当按下鼠标(onmousedown)时,调用函数myclick()进行处理,这里的myclick()为事件响应函数。
除了onmousedown、onmousemove事件外,JavaScript还有一些比较常用的事件,如表4-9所示。
【例4-2】鼠标类实例——获取鼠标位置和禁止键的使用
event事件对象。
event事件有时非常有用,比如要获取鼠标的坐标值、现在按下的是鼠标左键还是右键,或者通过键盘获取按下的是哪个键。通过event对象,可以访问键盘、鼠标动作等事件的状态,从而实现对键盘、鼠标动作进行控制与处理。event对象是window对象的子对象。
表4-10列出了event对象常用的属性。
【例4-2】鼠标类实例——获取鼠标位置和禁止键的使用
。
本例在浏览器窗口的状态栏中显示鼠标的当前位置,代码如下:
= "X=" + + ",Y=" + ;
还可以在状态栏显示静态或者动态的文本,若是静态文本,直接用如下代码:
="欢迎你来到这里!";
在状态栏上也可以动态地显示文字或者时间,详见【例4-3】。
【例4-2】鼠标类实例——获取鼠标位置和禁止键的使用
消息对话框的使用
JavaScript中有3种常用对话框:显示警告的对话框alert()、显示确认消息的对话框 confirm()以及显示提示信息的对话框prompt()。
【例4-3】状态栏实例——状态栏显示的动态时钟
window对象的方法中有4种进行定时设置的方法,其中setInterval()和clearInterval()方法用于设置和取消循环定时操作;setTimeout()和clearTimeout()方法用于设置和取消延时定时操作。
setInterval()方法。该方法的语法如下:
timeID=setInterval(code, milliseconds)
其中,code可以是要调用的函数或者要执行的代码表达式,milliseconds表示循环操作的定时时间间隔,以毫秒为单位,setInterval()方法可按照指定的周期milliseconds(以毫秒计)来调用函数或计算表达式,即每隔milliseconds毫秒,执行code一次,直到clearInterval()被调用或窗口被关闭。由setInterval()返回的timeID值可用作clearInterval()方法的参数。
【例4-3】状态栏实例——状态栏显示的动态时钟
clearInterval()方法。该方法的语法如下:
clearInterval(timeID);
其中,timeID参数表示setInterval()方法返回的值。函数的功能是停止setInterval方法激活的定时器。
setTimeout()方法。该