（1）js概述、语法1（变量、运算符、语句）
一、JavaScript概述
是基于对象和事件驱动的脚本语言，主要应用于客户端
特点：交互性、安全性（不允许直接访问本地硬盘）、跨平台性（能够解析Js的浏览器即可，与操作系统无关）
二、JavaScript与Java不同
①Js是Netscape公司的产品，前身是LiveScript;Java是sun公司的产品，现在是Oracle公司的产品
②Js是基于对象，Java是面向对象
③Js只需解释就能执行，Java需要先编译成字节码，再执行
④Js是弱类型，Java是强类型（每种数据都定义好类型，内存分配）
三、JavaScript与Html的结合方式
1，将javascript代码封装到《script》标签中。
2，将Javascript代码封装到js文件中，并通过《script》中的src属性进行导入
注意：如果《script》标签中使用src属性，那么该标签中封装的JavaScript代码不会被执行，
所以通常导入js文件都是用单独《script》来完成
<!--导入一个js文件-->
<script type="text/javascript" src="demo.js"></script>
<!--封装javascipt代码-->
<script type="text/javascript">
alert("hello javascript");
</script>
注意不能如下写法：
<script type="text/javascript" src="demo.js">
alert("hello javascript");
</script>四、通常高级程序设计语言所包含的语法内容：
1，关键字：该种语言中赋予了特殊语法内容
2，标识符：用来标识数据表达式的符号，自定义名称
3，注释：注解说明、调试程序
4，变量：用于标识内存的一片空间，用于存储数据，该空间中的数据是可以变化的
什么时候用变量，当数据不确定的时候。
5，运算符：可以让数据进行运算的符号
6，语句：用于对程序的运行流程进行控制的表达式
7，函数：用于对功能代码进行封装，便于提高复用性
8，数组：对多数据进行存储，便于操作“容器”
9，对象：只要是基于对象的语言或者面向对象的语言均存在对象概念，对象就是一个封装体，既可以封装数据也可以封装函数
五、语法
①变量：js若类型，没数据类型
关键字var：可以赋值为任意类型
<script type="text/javascript">
var x=3; //定义变量（语法非严谨的，可以不写var，）
x="abc";//重新赋值为字符串abc
x=3.45;//赋值为小数，其实也是数字类型
x=true;//赋值为boolean类型
x='c';//赋值为字符串（在JavaScript中‘’ “”均为字符串）
alert("x="+x);//这是一个函数，将具体的参数通过对话框新型显示
</script>②运算符
1）算数运算符:+ - * / % ++ –
//算数运算符
var a=3710;
var b=1.5;
alert("a+b="+(a+b));//3711.5
alert("a="+a/1000*1000); //JavaScript中并没有取整，所以所以3750/1000=3.75
alert("12"-1);//11
alert("12"+1);//+是连接符
alert(true-1);//结果是0|在js中false就是0，或者null。true:非0，非null，默认用1表示
alert(false+1);//结果是1
var n=3,m;
m=n++;
alert("n="+n+",m="+m);//4,32）赋值运算符：= += -= /= %=
<script type="text/jscript">
var i=3;
i=i+2;//也可以写成i+=2;
alert("i="+i);3）比较运算符：> < >= <= != ==
结果为false，true
var z=3;
alert(z!=4);//false4）逻辑运算符：！ && ||（只有三个），（& | 返回1或者0）
用来连接两个boolean型的表达式
var t=4;
alert(t>3&& t<6);
alert(!t);//4非0，所以4为真，非真为假5）位运算符：^(异或)，&、|、>、>>、<<
//位运算符
var c=6;
alert(c&3);//2
alert(5^3^3);//5
alert(c>1);//3,右移n位，则除以2的n次幂
alert(c<<2);//在c=6的情况下，左移是除6）三元运算符 ？ ：
alert(3>0?100:200);
一些细节：
//一些细节
var xx;
alert(xx);//若没有赋予初值，则弹出undefined
xx=4;
alert(xx==undefined);//将xx赋值了，弹出值为false
//获取具体的类型，typeof来完成
alert(typeof("abc"));//string
alert(typeof(2.5));//number
alert(typeof(true));//boolean
alert(typeof(78));//number
alert(typeof('9'));//string ③语句
1）顺序结构
2）判断结构
代表语句：if
<script type="text/javascript">
var x=3;
if(x==4)//在js中，x=4,不能4=x这种写法
{
alert("yes");
}else
{
alert("no");
}
if(x>1)
alert("a");
else if(x>2)
alert("b");
else
alert("c");
</script>3）选择结构
<script type="text/javascript">
var i="abc";
switch(i){
case "kk":
alert("a");
break;
case "abc":
alert("b");
break;
default:
alert("c");
break;//省略
}
</script>注意default无论写在哪，都是先从case开始执行，default最后执行
4）循环结构
var x=1;
while(x<3){
//将数据直接写到当前页面中，可以将标签写在""中，用+与输出或者其他信息相连
// document.write("x="+x+"<br/>");
document.write("<font color='red'>"+"x="+x+"</font>"+"<br/>");
x++;
}
//注意定义变量用var而不是 int等
for(var y=0;y<3;y++)
{
document.write("y="+y+"<br/>");
} 5）其他结构
break：跳出选择，跳出循环
continue：用于循环语句，结束本次循环，进行下次循环
for(var x=0;x<3;x++)
for(var y=0;y<4;y++)
{
document.write("x="+x+"<br/>");
break;
} <!--练习：在页面中显示一个99乘法表-->
//利用表格就能将其每列都对齐
<script type="text/javascript">
document.write("<table>");
for(var x=1;x<=9;x++)
{
document.write("<tr>");
for(var y=1;y<=x;y++)
{
document.write("<td>");
document.write(x+"*"+y+"="+(x*y)+" ");
document.write("</td>");
}
document.write("</tr>")
}
document.write("</table>");
</script>