初识JavaScript

1. 以 < script>开头，以</script>结尾,老式的浏览器中需要加上language，如： < script language = “javascript” /script> 表示该脚本是JavaScript，

也可以写上其他脚本的名字。

2. JavaScript语句只要放在不同的行就可以执行，但更好的方式是，在每一条语句后加上分号结尾，

document.write();向页面上输出内容。

document.write(“hello!”);

// 在屏幕中输出加粗的hello
<script>
document.write("<strong>hello </strong>");
</script>

3.变量

用 var+变量名 声明一个变量 可以不考虑变量的类型。所有类型都用var来声明。

1. 变量区分大小写

2. 用\表示转义字符

3. 不使用var声明的变量当做全局变量，用var声明的变量拥有特定的作用域。

4. 推荐使用下划线分割变量名中的单词，用驼峰格式命名方法名，这样可以方便的区分变量和方法。

5. JavaScript是一种弱类型的语言，即变量的使用不需要声明，而且变量的类型在使用时可以改变。

var age="thirty";   //字符串型
age = 30;           //数值型

常用的类型有：

var a = 16; //数字

var b = 16.123; //浮点型

var falg = true; //布尔型

var s = “hello”//字符串型

//字符串的相加运算
<script>
var a = "abc";
a += 'd';
document.write(a);
</script>

结果是abcd。

//html中将多个空格当成一个来处理
<script>
var s = 'hello   ';
s += '   world';
document.write(s);
</script>

结果是: hello world

4.运算

常见的运算符在JavaScript中都有，例如：

加减乘除： +-*\ %

自加自减：++ –

加法：+= -=

逻辑： && || ？： ！

判断： ==（类似于C语言）

字符串比较大小： > < == (小写字母大于大写字母)

5.注释

和C语言一样用//或/* */ 表示

还有一种注释<!–和//的效果是一样的，在HTML中还需要加上右边的一半，但是在JavaScript中只表示注释一行

6.判断

与C语言基本相同

建议每一条if语句都加上{}

//不加括号时，else属于较近的if
<script>
var s = 'hello';

if (s == 'hello')
if(s == 'world')
document.write('world');
else
document.write(s);
</script>

7.循环

和c语言一样

for(;;)

while()

do while()

8.函数

function fun_name(形参){函数体}

函数也被当成是一种类型，有时可以像变量一样使用

//定义一个函数
function add(a,b){
return a+b;
}
//使用函数
alert('加:'+add(1,2))

//将函数类似于变量的用法

function add(a,b){
return a+b;
}

function cal(x,y,z){
return x(y,z);
}

//将函数作为参数
alert(cal(add,1,2));

9.数组

数组可以使用以下方法建立：

1 var a = new Array();

2 var b = new Array(10);

3 var c = new Array(1,2,”三”,true,5.5); //自动加上下标

4 var d = [6,7,8,9,10];

数组的特点：

1，数组中的元素使用时才会被创建，即使创建了a[1]和a[10]，中间的元素依然是空。

2，数组的长度a.length为最大的下标加1，不管中间的元素是否存在。

3，数组的长度是可以人为修改的。修改后不属于长度内的元素会被清除。

4，数组的元素可以是不同的类型

5，数组的元素也可以是数组

关联数组：数组的下标用特定的名称来表示，不一定是数组，类似于 Java中的键值对，但是不推荐使用，因为对象可以更好的完成同样的效果

//
var a = new Array();
a[1] = 10;
a[10] = 20;
document.write(a[9]+"<br/>");
document.write(a.length);

在这里会输出：

undefined

11

//人为改变数组长度，等同于截取数组中的一段
var a = new Array(1,2,3,4,5);
document.write(a.length+"<br/>");
a.length = 3;
document.write(a+"<br/>");
a.length = 5;
document.write(a);

结果如下：

5

1,2,3

1,2,3,,

join(“&”) 表示认为的改变输出时元素的分隔符如：

document.write(a.join(“%”));

会输出 1%2%3

包含各种类型元素的复杂数组：

var box = [
{
name:'张三',
age:30,
fun:function(){
return 'fun';
}
},
['李四','男',30],
'安徽',
100+100,
new Array(1,2,3)
];

10.对象

属性和方法的集合

声明：

var o = new Object();

var cidr = {x:2,y:0,radius:2};

对象的元素是在使用时添加进类中的，第一次使用时就会自动为该类创建这个成员

删除属性：

delete book.name;

book.name=null;

遍历属性：

for(var x in book ){

x是成员的名字，用法类似于数组的下标

}

var book = new Object();
book.name = '百年孤独';
book.about = {name:'马尔克斯',price:100};
document.write(book.name+'<br/>');
document.write(book.about.name);

结果：

百年孤独

马尔克斯

var book = new Object();
book.name = '百年孤独';
book.about = {name:'马尔克斯',price:100};

//遍历
for (var x in book ){
document.write(book[x]);
}