PHP开发从入门到精通-电子教案-袁鑫第4章课件.pptVIP

第4章 JavaScript脚本编程语言 JavaScript是WWW上的一种功能强大的脚本编程语言，用于开发交互式的Web页面。它不仅可以直接应用于HTML文档以获得交互式效果或其他动态效果，而且可以运行于服务器端，从而替代传统的CGI程序。 JavaScript可以运行在客户端，也可以运行在服务器端，本书中的实例均运行于客户端。运行于客户端也是JavaScript的优势所在，能够减轻服务器的压力，让常见的一些网页效果在用户的浏览器端直接运行，而不经过服务器。 【例4-1】时间日期实例——数字时钟 JavaScript是基于对象的编程语言，在HTML文档中插入JavaScript脚本代码有三种方式： （1）使用script标记符。 可以在HTML文档中的head和body中放置JavaScript脚本。 2）直接添加脚本。 同在HTML标记符中运用style属性添加CSS样式一样，也可以直接在HTML标记符中添加JavaScript脚本来响应页面元素的事件。 （3）链接外部脚本。 如果同一段脚本程序需要在很多程序中引用，可以将这段脚本放在一个单独的文件中。如上例的window.status=Date()需要运用到很多页面，我们可以将其保存为扩展名为.js的外部脚本文件，然后使用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】鼠标类实例——获取鼠标位置和禁止键的使用 window.status状态栏设置。 本例在浏览器窗口的状态栏中显示鼠标的当前位置，代码如下： window.status = X= + window.event.x + ,Y= + window.event.y; 还可以在状态栏显示静态或者动态的文本，若是静态文本，直接用如下代码： window.status=欢迎你来到这里！; 在状态栏上也可以动态地显示文字或者时间，详见【例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方法激活的定时器。 setTimeou