第十三讲HTMLjavascript基础解读.ppt

课程名称：网页设计基础 第十四章 JavaScript 学习目标 掌握JAVASCTIPT的相关概念 掌握简单函数的编写 内容提要（Point Content) JAVASCTIPT的相关概念 对象(对象类型声明：var) 事件(两种：鼠标事件、键盘事件) 鼠标事件：单击、双击、焦点事件 键盘事件：按下事件、弹出事件、监听键盘 简单函数的编写 什么是javascript JavaScript语言的前身叫作Livescript。自从Sun公司推出著名的Java语言之后，Netscape公司引进了Sun公司有关Java的程序概念，将自己原有的Livescript 重新进行设计，并改名为JavaScript 特点 1.简单性：JavaScript是一种脚本编写语言 2.动态性：JavaScript是动态的，它可以直接对用户或客户输入做出响应，无须经过Web服务程序 3.跨平台性：JavaScript是依赖于浏览器本身，与操作环境无关 4.节省CGI的交互时间，JavaScript是一种基于客户端浏览器的语言 代码结构 代码结构 script language=JavaScript !-- Javascript代码 -- /script 脚本方法 Function 方法名(){ 方法体； } 示例 html head script language=“JavaScript function pushbutton() { alert(“hello”); } /script /head body form input type=button name=Button1 value=Push me onclick=pushbutton() /form /body /html 示例 htmlhead script language=JavaScript !-- function pushbutton() { alert(iform.aa.value); } -- /script /headbody form name=iform Name: input type=text name=“aa input type=button name=Button1 value=Push me onclick=pushbutton() /form/body/html 调用js文件中的方法 script script language=JavaScript src=myjavascript.js /script 代码 html head script language=JavaScript src=myjavascript.js /script /head body form name=iform Name: input type=text name=name input type=button name=Button1 value=Push me onclick=getname(.value) /form /body /html Js文件 function getname(str) { alert(js! + str+ !); } 调用关系 JavaScript语法基础 JavaScript 是一种区分大小写的语言 弱类型语言 变量 转义字符 保留字 表达式和操作符 双目运算符： +（加），-（减）、 *（乘）、 /（除）、 %（取模） 、|（按位或）、(按位与)、（左移）、 （右移）、 （右移，零填充）。 单目运算符： -（取反）、~（取补）、++（递加1）、--（递减1）。 比较运算符 逻辑运算符 (小于)、(大于)、=(小于等于)、=(大于等于)、==(等于)、!=(不等于)。 逻辑与 ||逻辑或 ！逻辑非 同真为真 || 同假为假 赋值操作符 +=, -=, * =, /=, %= 条件操作符 Condition ? var1:var2 (age18)?”adult”:”youth” new 操作符 Var theDate = new Date() this操作符 引用当前对象 While例子 html headtitledo...while/title/head body preh1do...While/h1 script language=JavaScript document.writeln(font size=+1); var i=0; do {