注：不同类型的变量都通过 var定义
JavaScript程序控制结构
顺序 选择 循环
选择——if语句（1）
基本格式 if（表述式） 语句段；
功能：若表达式为true，则执行语句段。
选择——if语句（2）
基本格式 if（表述式） 语句段１； ...... else 语句段２； ..... 功能：若表达式为true，则执行语句段１； 否则执行语句段２。
循环—— while
基本格式 while（条件）{
循环体
} var i =1; while( i < 3) { document.write( i ); i = i + 1; }
程序结果是什么？
循环——For循环
基本格式 for（表达式1；表达式2；表达式3）{循环体}
程序结果是什么？
for(var i=0; i<5; i++) { document.write(“i的值为：” + i); }
基于对象的JavaScript语言
JavaScript语言是基于对象的（Object-Based）， 而不是面向对象的（object-oriented）。之所以 说它是一门基于对象的语言，主要是因为它没有提 供象抽象、继承、重载等有关面向对象语言的许多 功能。而是把其它语言所创建的复杂对象统一起来， 从而形成一个非常强大的对象系统。 虽然JavaScript语言是一门基于对象的，但它还是 具有一些面向对象的基本特征。它可以根据需要创 建自己的对象，从而进一步扩大JavaScript的应用 范围，增强编写功能强大的Web文档。
JavaScript函数使用 例3
<script > var x=20, y=22; function sum() { return x+y; } document.write("x + y的值为：" + sum()); </script>
练习2：函数的使用
在javascript中： 1.定义变量r初值为3，变量pi初值为3.14； 2.定义函数area()求圆的面积； 3.在页面输出圆的面积。
<script > var myArray = new Array("Jim","Tom","Kate"); document.write("数组的长度为：" + myArray.length + "<br/>");
for(var i=0; i<myArray.length; i++) { document.write(myArray[i] + " "); } </script>
练习1：编写第一个JavaScript程序
通过javascript实现以下页面效果： 1.页面输出：“你好！” 2.弹出对话框：对话框内容为“欢迎光临我 的小站！”
变量、表达式
例2
<html > <head> <script > var r=2, pi=3.14; document.write("半径为2的圆的面积为：" + pi*r*r); </script> </head> <body> </body> </html>
数组对象
(1)创建数组 var myArray=new Array (3);
(2)数组赋值
myArray[0]=“Jim”； myArray[1]=“Tom”； myArray[2]=“Kate”； var myArray=new Array(“Jim”,”Tom”,”Kate”);
数组应用 例5
JavaScript教程
JavaScript是由Netscape公司开发并随 Navigator导航者一起发布的、介于Java 与HTML之间、基于对象事件驱动的编程语 言，正日益受到全球的关注。因它的开发环 境简单，不需要Java编译器，而是直接运 行在Web浏览器中，而因倍受Web设计者 的所爱
Window对象的应用 例7
<script > var name; name = prompt("请输入你的名字"); if(confirm("准备好考试了吗？")) { alert(name + "你好，下面开始考试！ "); } </script>。
document对象
输出 : document.write() document.writeln() 说明： write()和writeln()方法都是用于向浏览 器窗口输出文本字串； 二者的唯一区别就是writeln()方法自动 在文本之后加入回车符。
getFullYear(): 以四位数返回年数 getMonth():返回月数（0~11） getDate():返回当月的几号 getDay():返回星期几（0~6）
日期对象的应用 例6
<script > var date = new Date(); document.write(date + "<br/>"); document.write(date.getFullYear() + " 年" + (date.getMonth()+1) + "月" + date.getDate() + "日" + "星期" + date.getDay()); </script>
</body> </html>
事件 例 10 <html>
<head> <meat charset="utf-8"/> <style type="text/css"> div {backgroundcolor:green;width:120px;height:20px;padding:40px;col or:#ffffff;} </style> <script> function mOver(obj){obj.innerHTML="谢谢"} function mOut(obj){obj.innerHTML="把鼠标移到上面"} </script> <head/> <body> <div onmouseover="mOver(this)" onmouseout="mOut(this)" >把鼠标移到上面 </div></body></html>
练习3：数组
在javascript中： 利用数组，在页面输出以下内容： * ** ***
用日期对象创建日期
功能：提供一个有关日期和时间的对象。 创建日期 （1）var myDate1=new Date() （2）var myDate2=new Date(2012， 3，7)
获取日期的时间方法
事件
例9
<html> <head> <meta charset="utf-8"> </head> <body> <button onclick="getElementById('demo').innerHTML=Date()">现在 的时间是?</button> <p id="demo"></p>
练习4 事件练习
在页面中设计个高宽都为100px的黄色块，当鼠标悬 停在上面的时候，块内出现文本“你好！”当鼠标离 开的时候，块内的文本消失。
简单的输入、输出 例8
<script > var name; name = prompt("请输入你的名字"); document.write(name + "，你好，下面开 始考试！"); </script>
练习4 简单输入输入
（1）弹出输入框，询问信息为“请输入姓名”,将用 户输入姓名存放在name变量中； （2）同时弹出警告框，内容为：“XX，你好，下面 开始考试。” （3）在页面输出，当前日期。
窗口对象的方法
alert():弹出带有指定信息和确定按钮的警告框。 confirm():弹出带有指定询问信息的确认对话框，并 有确定和取消按钮。 prompt():产生一个输入窗口，返回输入值。
注：Windows窗口对象是所有对象的父对象，代表一个浏 览器窗口。引用windows对象的属性或方法是，可直接引 用，不必通过对象名引用。
<script > var x=20, y=22; function sum() { return x+y; } document.write("x + y的值为：" + sum()); </script>
练习2参考
<script > var r=3, pi=3.14; function area() { return pi*r*r } document.write("圆的面积为：" + area()); </script>
例1：编写第一个JavaScript程序
