JavaScript基本语法剖析

JavaScript基本语法第九章本章目标•掌握脚本的基本结构•掌握JavaScript的执行原理•使用JavaScript实现偶数输出什么是JavaScript?•JavaScript简称JS，是一种轻量级的脚本语言。•JavaScript是可插入HTML页面的编程代码。•JavaScript插入HTML页面后，可由所有的现代浏览器执行。•可用于HTML和web，更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。javascript的作用•表单验证－减轻服务器端压力•页面动态效果•动态改变页面内容动态删除图片轮播表单验证JavaScript与Java•这两种编程语言除了名字开头相同之外，没有其它内在的关系。•Java是SUN公司推出的面向对象的语言，适合Internet应用开发，是一种服务器端的开发语言。•JavaScript是网景公司的产品，是一种浏览器脚本语言，由客户端浏览器解析执行。JS的基本结构headscripttype=text/javascript!--JavaScript语句;--/script/headbody……//HTML内容/body一般放在head中JS的执行原理解析HTML标签和JavaScript脚本发送请求客户端请求包含JS的页面返回响应从服务器端下载含JS的页面浏览器输入输出HelloWorld……title输出HelloWorld/titlescripttype=text/javascriptdocument.write(h3HelloWorld/h3);/script/headbody页面主体内容/body/htmlJS的使用方式•Html页面内嵌JS代码•外部JS文件•简短缩写方式scriptsrc=hello.js/scriptinputname=btntype=buttonvalue=弹出消息框onclick=javascript:alert('欢迎您');/headscripttype=text/javascript.../script/headJS的核心语法核心语法数据类型变量运算符号控制语句注释语法约定输入/输出变量varwidth;width=5;•先声明变量再赋值•同时声明和赋值变量•不声明直接赋值varcatName=皮皮;varx,y,z=10;width=5;说明：var：用于声明变量的关键字width：变量名JS变量名区分大小写基本数据类型基本数据类型–undefined：变量被声明后，但未被赋值–string：用单引号或双引号来声明的字符串–boolean：true或false–number：整数或浮点数–null：“无值”或“空对象”typeof•typeof用于检测变量或值的返回值•typeof运算符的返回值如下：–undefined：这个变量未赋值–string：这个变量是字符串–boolean：这个变量是布尔值–number：这个变量是数值–object：这个变量是对象或null–funciton：这个变量是函数运算符号类型运算符算术运算符+-*/%++--赋值运算符=比较运算符====!=逻辑运算符&&||!逻辑控制语句•if条件语句•switch多分支语句•for、while循环语句if(条件){//JavaScript代码;}else{//JavaScript代码;}switch(表达式){case常量1:JavaScript语句1;break;case常量2:JavaScript语句2;break;...default:JavaScript语句3;}for(初始化;条件;增量){JavaScript代码;}while(条件){JavaScript代码;}循环中断2-1•break跳出当前整个循环，后面的循环不再执行。scripttype=text/javascriptvari=0;for(i=0;i=5;i++){if(i==3){break;}document.write(这个数字是：+i+br/);}/script循环中断2-2scripttype=text/javascriptvari=0;for(i=0;i=5;i++){if(i==3){continue;}document.write(这个数字是：+i+br/);}/script•continue跳出当前的本次循环（跳过这一步），根据控制表达式还允许继续进行下一次循环。alert(欢迎您);//在页同上弹出欢迎的提示框/*下面的这些代码会输出一个标题和一个段落并将代表主页的开始*/document.getElementById(myH1).innerHTML=Welcome!;•单行注释以//开始，以行末结束。•多行注释以/*开始，以*/结束，符号/*……*/指示中间的语句是该程序中的注释。注释常用的输入/输出•alert()alert(提示信息);•prompt()prompt(请输入姓名,);varv=prompt(请输入姓名,张三);alert(v);练习-输入与输出•根据输入的次数，多次输出HelloWorld输入次数点击确定语法规范2-1•代码区分大小写–如：VAL与val是不同的•以var开头，分号（；）结尾–未使用var定义的将作为全局变量–考虑到性能，尽量不要使用全局变量语法规范2-2•定义变量、对象和函数的名称时，不能使用JS保留字JS保留字列表JS未来保留字列表程序调试•alert()方法•Firebug工具作业•根据输入内容，输出奇数或偶数总结•JavaScript的基本结构是什么？•JavaScript在页面中的应用有哪几种方式？•JavaScript的核心语法有哪些？•会使用工具进行调试