JavaScript学习笔记1

JavaScript学习笔记1

JavaScript简介

HTML 定义了网页的内容

CSS 描述了网页的布局

JavaScript 控制了网页的行为

js是弱类型语言

js数据类型

不管是整数、字符、字符串等都是var类型，字符串可以是’ '，也可以是" "。

	<script type="text/javascript">
		// 数据类型与声明
		var	a = 10;
		var	flag = true;
		var ch = 'a';
		var str = "abc";
		var str2 = 'abc';
		// 打印
		// 在网页里打印
		document.write(str);
		// 弹窗
		window.alert(str);
    	
    	// writeln不会换行而是空格
		document.writeln(a);
		// js中可以使用html标签
		// 使用html中<br>标签用于换行
		document.writeln(a+"<br>");
	</script>

运算符+分支结构

与Java基本相同

打印九九乘法表：

<script>
	for (var i = 1; i < 10; i++) {
			for (var j = 1; j <= i; j++) {
				document.write(j+"*"+i+"="+(i*j)+"&nbsp;&nbsp;&nbsp;&nbsp;");
			}
			document.writeln("<br>");
		}
</script>

数组

定义

		// java数组定义如下，可对比js数组定义
		// int[] a = {1,2,3,4,5};
		// int[] b = new int[10];

		// 数组定义方式一
		var a = [1,2,3,"hello world",'s',3.14,true];
		// 数组定义方式二
		var b = new Array();
		b[0]="apple";
		b[1]="peach";
		b[2]="banana";

遍历

使用length属性可以获取数组长度。

		var i;
		for(i=0;i<a.length;i++){
			document.writeln(a[i]);
		}
		document.writeln("<br>");
		for(i=0;i<b.length;i++){
			document.writeln(b[i]);
		}

操作

js数组类似Java的容器，数组长度可变，类型可以不同

		// 增删操作
		for(i=0;i<b.length;i++){
			document.writeln(b[i]);
		}
		document.writeln("<br>");

		// 使用push()函数向数组后面添加元素。
		b.push("orange");
		for(i=0;i<b.length;i++){
			document.writeln(b[i]);
		}
		document.writeln("<br>");

		// 使用pop()删除数组最后的元素。
		b.pop();
		for(i=0;i<b.length;i++){
			document.writeln(b[i]);
		}
		document.writeln("<br>");

小结

js（JavaScript）的特点：

1. 弱类型语言，即弱类型定义语言，某一个变量被定义类型，该变量可以根据环境变化自动进行转换，不需要强转。
2. 作为脚本语言，不需编译，解释执行，js由浏览器解释执行，可以嵌套在html代码中。
3. 基于事件的语言，单击鼠标是一个事件、鼠标悬浮是一个事件、点击键盘。。

js的组成
js由ECMAScript，DOM，BOM构成，