JavaScript---基本语法

1.JavaScript和HTML嵌套的方式
(1)第一种方式
把JavaScript封装在标签中

JavaScript标签的声明
<script type="text/javascript"></script>
<script language="javascript"></script>

---

<script type="text/javascript">
	# alert()函数,作用是弹出一个窗口
	alert("hello") 
</script>

(2)第二种方式
把JavaScript封装在独立的js文件中,然后同src属性导入

// 一个script标签中如果导入了js文件,那么该标签中的其他语句将不会执行
// 一个script标签只导入一个js文件
<script type="text/javascript" src="文件路径">
</script>

2.JavaScript基本语法
(1)注释
单行注释 //
多行注释 /**/
(2)script标签
script标签可以放在HTML语言的任何位置,一般写在head标签中
(3)声明变量

/*非严谨形式*/
<script type="text/javascript">
	a=20
	alter(a)
</script>

---

/*严谨形式*/
<script type="text/javascript">
	//声明变量的语法:变量类型 变量名=初始值
	//在JavaScript中声明变量,可以使用一个关键字var
	var a=20
	alter(a)
</script>

(4)数据类型
基本类型：

• 数字型 number
• 字符串型 string，双引号，单引号
• 布尔型 false是0 true是1 boolean
• null型，一个占位符
• undefine型，表名变量未赋值
  应用类型：

var str = new String();
var str = new String;

(5)运算符

1)算术运算符
+,-,*,/,%,++,--,
2)比较运算符
<,>,>=,<=,==,!=,===(全等，值和类型都一样)
3)逻辑运算符
&&,||,!=,!
	
	&& 作为逻辑运算时,结果是false或true,会造成短路
	&  作为逻辑运算时,结果是1或0,不会造成短路
4)位于运算符
&,|,<<,>>,>>>(无符号右移)
? :
6)赋值运算符
=,+=,-=,*=,/=

---

document.write(); //向页面输出
var a=10;
var b=20;
var c=a+b;
document.write(c+"<br/>");
var d=a-b;
document.write(d+"<br/>");
var abc;
document.write(abc);  //结果为define
var mm="abc";
document.write(typeof(mm) == "string"); //结果为true

(6)流程控制语句
1)顺序结构
2)选择结构
if

语法
if(布尔表达式){
	条件成立执行语句
}

if - else

语法
if(布尔表达式){
	条件成立执行语句
}
else{
	条件不成立执行语句
}

if - else if - else

语句
if(布尔表达式){
	条件成立执行语句
}else if(布尔表达式){
	条件成立执行语句
}else if{
	条件成立执行语句
}else{
	以上条件都不成立执行语句
}

switch

switch(表达式){
	case 常量:执行语句;break;
	case 常量:执行语句;break;
	case 常量:执行语句;break;
	case 常量:执行语句;break;
	...
	case 常量:执行语句;break;
	default:以上条件都不成立执行语句
}

3)循环结构
while

while(布尔表达式){
	循环执行体;
	迭代语句
}

do while

do{
	循环执行体;
	迭代语句;
}while(布尔表达式)

for

先执行循环体,再迭代
for(初始化表达式;布尔表达式;迭代语句){
	循环执行体;
}

---

实战:九九乘法表

<script type="text/javascript">
	document.wirte("<table>");
	for (var i=1; i<10; i++)
	{	
		document.write("<tr>");
		for(var j=1; j<=i; j++)
		{
			document.write("<td>"+"*"+i+"="+j*i+"&nbsp;&nbsp;&nbsp;"+"</td>");
		}
		document.write("<tr/>");
	}
	document.wirte("</table>");
</script>

(7)数组(相当于python中的元组)
js中数组的声明方式:
1)第一种方式

数组类型 数组名=[数组元素,数组元素,...]
var arr=[1,2,3..];

2)第二种方式

使用js中的内置对象Array
var arr2=new Array();
var arr2=[];
var arr3=new Array(4); //4是数组元素的个数也称为数组的长度
var arr4=new Array(3,4,5,6); //表示数字中的元素
document.write(arr4.lenght); //数组的长度

js中的数组元素也是靠下标(索引)完成操作的
js不支持负数索引
js数字的特点

• js中的数组是可变的

• js中的数组可以存放多个不同类型的数据(一般情况下,我们不建议这样存放)
  3)数字的遍历

  var arr5=[1,23,4,5,6];
  for(var x=0; x<arr5.lenght; x++)
  {
  document.write(arr5[x]+"
  ");
  }
  (8)函数
  1)声明函数
  在js中声明函数需要一个关键字:function
  在js中声明函数需要注意几点:

• 函数中未知参加运算的对象(参数)

• 函数的运算结果

• js中不支持函数重载,即函数名相同会覆盖

• 在js函数中,有一个容器arguments来接收所有的参数
  js中声明函数的语法

  function 函数名(参数列表){
  函数体;
  return 内容; //如果没有返回值,写不写都可以
  }
  2)js中函数的其他书写形式
  js中的普通函数

  function demo(x, y){
  var z;
  z=x+y;
  return z;
  }
  var a=demo(10,20);
  document.write(a);
  js中的动态函数:声明动态函数需要一个内置对象Function
  动态函数的参数需靠字符串传入,不过动态函数用的不多

  Function(“a,b”,“var c;c=a+b;return c;”)
  var ee=ff(20,40);
  document.write(ee);
  js中的匿名函数

  var yy=function(){
  document.write(“匿名函数”);
  }
  yy();