网络和WEB原理9b.ppt

§9.1 JavaScript 基础知识 ? 一、概述 1. JavaScript语言特点 （1）是一种脚本语言，可直接嵌入到HTML文档中，浏览器能在网页下载后解释执行; （2）功能较强;; 2. JavaScript 组成 （1）核心语言，包括基本语法; （2）客户端扩展，包括浏览器的对象和文档模型。在客户端编写的脚本中，就可以对页面上的对象进行控制，如在页面上处理mouse单击、表单输入等; （3）服务器端扩展，包括服务器上运行的对象，这些对象可以和数据库互连，可以对服务器上文件进行控制，可以在应用程序之间交换信息等;; 3．常用脚本语言 （1）JavaScript 语言，常用于客户端； （2）VBScript 语言，常用于服务器端； ; 二、向HTML文档中添加JavaScript脚本 1. SCRIPT标签 （1）成对使用,JavaScrip代码在SCRIPT与/SCRIPT之间； （2）Language属性，用于指定语言类型； 例: SCRIPT Language=“JavaScript” … … … … / SCRIPT; （3）也可以通过设置 type 属性来表明要应用的语言: script type=”text/javascript” … … … /script ; 2. src属性与JavaScript脚本插入 （1）通过script标签的src属性实现在HTML文档中插入JavaScript脚本,格式如下：; （2）在HTML文档中插入JavaScript脚本的其他方法 例:script language=JavaScript document.write(“这是JavaScript脚本”) /script 说明，此语句提供了一种用指令write将指定内容灵活写入HTML文档的方法和途径。; 3. 事件处理程序--函数 （1）JavaScrip是面向对象的语言，采用事件驱动; （2）在JavaScrip中，对象事件处理通常由函数来负责，分自定义函数和系统信息提示函数；; （3）自定义函数 格式：function 函数名(参数列表){ ……… } 自定义函数位置一般在HTML文档HEAD与/HEAD之间； 例：function calcu(a,b){ c=3*a+4*b }; （4）系统信息提示函数 提示信息: window.alert(“提示信息”) 系统会弹出一个警告框,只有“确定”按钮,注意,alert(“提示信息”)中的 “ ”不可省略; ; 确认信息： window.confirm(“提示信息”) 系统会弹出一个警告框，有确定、取消2个按钮。; （5）调用JavaScript函数的方法 常用按钮调用自定义函数，即按钮语句中使用属性： onclick=函数名(参数表) 的方法调用JavaScript函数。; html head title这是一个表单学习程序/title script language=javascript function chkuser(){ window.alert(用户密码错误！) } /script /head body text=blue background=back1.jpg hr 欢迎使用本系统查询信息：br form name=“form1” p用户名：input type=text size=10 name=user p密码：input type=password size=10 name=psw p单击按钮input type=button value=确认 onclick=chkuser() /form /body /html;§9.2 JavaScript语言概述 ? 一、常规说明 1. JavaScript代码在HTML文档的位置 （1）自定义函数位置 一般在HTML文档的HEAD与/HEAD之间，该函数只有在被调用时，才会被执行。 ; （2）在body与/body之间JavaScript 代码，在该页面被加载时执行; 注意，JavaScrip代码要放在SCRIPT与/SCRI