5.1.1 网页脚本

[ 编辑:何树业    封开县江口中学软件工作室   录入时间:2007年6月11日]

 
老师寄语

    1、了解常用的两种脚本语言:JavaScript和VBScript;

    2、运用JavaScript脚本技术实现网页加载的动态效果。

学习内容

   
⒈脚本(Script)

    脚本是一组指令,即发送给某个程序(如Web浏览器)的一种计算机代码。脚本语言能直接被解释执行。常用的脚本语言有两种(JavaScript和VBScript),用来实现动态效果或开发网页的交互功能。

    JavaScript脚本程序可在任何客户机或服务器上运行。JavaScript是一种面向对象语言,它构建在Web浏览器中,不能单独运行。它是一个向浏览器提供指令的语句集合。

    下面所介绍的脚本以JavaScript为例(如图所示)


图5-1 HTML视图中的脚本代码

    当编写或使用JavaScript时,一般将其放在页面的HTML代码中,用<script></script>括起。<script>标记中包含了指定脚本程序语言的类型以及嵌入外部脚本源程序的属性。

    例如:<script language="JavaScript 1.2">表示脚本采用JavaScript1.2版本程序语言。

    <script language="JavaScript 1.2" src="../animate.js">表示脚本需要嵌入外部脚本程序,程序名为animate.js。这个外部程序是一个文本文件,里面编写了实现动画效果的JavaScript代码段。

    JavaScript的代码对大小写敏感。用户必须严格遵守程序书写格式。由于JavaScript是按行逐一解释执行的,如果中间出现错误,脚本程序将停止执行后面的语句操作。

    可以使用Web浏览器来调试JavaScript,如在NetScape中,可以在地址栏键入"javascript:"进行调试。而在IE中,你会看到页面底部状态条有一个错误图标,当页面出错时,点击此图标可以找到错误的详细信息,如下图所示:



图5-2 浏览器脚本错误提示信息

⒉事件(Event)

    事件是浏览器响应用户操作的机制,JavaScript的事件处理功能可改变浏览器响应这些操作的方式,从而开发具有交互性的网页。

    事件是说明用户与网页交互时产生的操作,如下图所示。例如,用户单击超链接或网页中的按钮,或进入网页,或离开网页时都会产生一个事件。浏览器等待事件发生并在事件发生时进行相应的处理。

图5-3 事件选择

    JavaScript定义了链接、交互等事件,还定义了对应这些HTML标记的标志属性,这些属性的值是表示事件处理代码的文本,见表5-1。

表5-1  几种常见事件
 

 

表示何时处理

onClick

单击链接、按钮等

onLoad

浏览器显示图形、文档时

onUnload

用户退出文档时

onMouseOver

当鼠标经过链接时

onMouseOut

当鼠标移离链接时

    例如:

    <body background="../images/marble.gif" onload="dynAnimation()" language="JavaScript1.2">

    对于Body这个标记,就对应有一个事件为"onload",表示进入网页。

    事件选择效果演示:

    网页过渡效果演示:
 

学生练习

    运用JavaScript脚本技术实现网页加载时弹出欢迎词。

    代码实现步骤:

    1、在HTML代码的<head>和</head>标记之间加入一段JavaScript脚本代码,注意字符大小写。

       <script language="JavaScript 1.2">

       function SayHello()

       {

          alert("Hello,欢迎访问*******");

        }

        </script>

    2、修改<body>标记中的onload事件,改写为:

    <body background="../images/marble.gif" onload="SayHello()" language="JavaScript 1.2">

    3、保存网页文件,预览效果。

拓展视野

    1、用FrontPage 2000制作动态网页(内网)

    2、洪恩在线-JavaScript教程(外网)

    3、网页特效生成器(下载安装使用)

版权所有 Copyright© 2005-2008 封开县江口中学软件工作室