网页编程

第七章JavaScript介绍目标理解JavaScript基本概念。掌握JavaScript简单用法。概述、专业术语JavaScript是什么?能用来做什么?JavaScript的数据类型和变量、操作符和表达式术语词汇表定义在此章节中使用的术语JavaScript概念一种脚本语言基于对象和事件驱动具有安全性能JavaScript概念JavaScript的优点：简单性动态性跨平台性安全性高效性JavaScript的缺点：轻量级非面向对象网页Javascript与Java的区别Java是sun公司的，Javascript是Netscape公司的Java面向对象，Javascript基于面向对象Javascript与Jsp的区别Jsp以Java语言为基础，是一种运行在服务器端的程序，Javascript是一种运行在客户端的程序Jsp是用来制作交互式网页的，Javascript是制作有一定交互功能的动态。JavaScript概念JavaScript的用法•可以直接在html中使用，也可以单独放在一个后缀为.js的文件里•可以放在head/head里有事件触发•可以放在body/body里加载网页时就生效•外部.js文件，体现高效性，Src属性值引入源文件。htmlhead/headbodyscriptlanguage=javascript..../script/body/htmlJavaScript概念第一个JavaScript示例演示•html•head•titleJS脚本/title•/head•body•scriptlanguage=javascript•varyesno=confirm(愿意跟我一起进入迅腾国际学习吗？);•if(yesno)•{•varname=window.prompt(请输入你的姓名：);•document.write(name+:你好，欢迎成为迅腾国际学员!);•}•else•{•self.close();•}•/script•/body•/htmlJavaScript编辑器介绍EditPlus（）JavaScript编辑器介绍Aptana（）数据类型和变量JavaScript的数据类型数值型整数型实数型NaN字符型布尔型（boolean）空值型（null）数据类型和变量变量的声明和作用域常量变量varmyvar;//变量声明myvar=100;//整数myvar=10.0;//实数myvar=12S;//字符串myvar=true;//布尔值操作符、表达式JavaScript的操作符（单目运算符）运算符说明!“取反”运算符，应用在位运算或逻辑运算当中。++“递加1”运算符，每执行一次让数值加1--“递减1”运算符，每执行一次让数值减1操作符、表达式JavaScript的操作符（双目运算符）运算符说明+“加”运算符，应用在算术运算当中。-“减”运算符，应用在算术运算当中。*“乘”运算符，应用在算术运算当中。1/“除”运算符，应用在算术运算当中。1%“取模”运算符，也就是求余数，应用在算术运算当中。“小于”运算符，应用在比较运算当中。“大于”运算符，应用在比较运算当中。=“小于等于”运算符，应用在比较运算当中。=“大于等于”运算符，应用在比较运算当中。==“等于”运算符，应用在比较运算当中。!=“不等于”运算符，应用在比较运算当中。&&“与”运算符，应用在逻辑运算当中。||“或”运算符，应用在逻辑运算当中。操作符、表达式JavaScript的表达式3.9//数字字符Hello!//字符串字符false//布尔字符null//null值字符{x:1,y:2}//对象字符[1,2,3]//数组字符function(x){returnx*x;}//函数字符操作符、表达式JavaScript的表达式varfirst=3*(4/5)+6;varsecond=Math.PI*radius*radius;varthird=second+%+first;varfourth=(+second+)%(+first+);总结JavaScript的基本概念JavaScript数据类型和变量JavaScript操作符、表达式掌握JavaScript的简单用法。