JavaScript知识简单总结

  1. 以 < script>开头,以结尾,老式的浏览器中需要加上language,如: < script language = “JavaScript” /script> 表示该脚本是JavaScript,
    也可以写上其他脚本的名字。
  2. JavaScript语句只要放在不同的行就可以执行,但更好的方式是,在每一条语句后加上分号结尾,
    document.write();向页面上输出内容。
    document.write(“hello!”);
    1
    2
    3
    4
    // 在屏幕中输出加粗的hello
    <script>
    document.write("<strong>hello </strong>");
    </script>

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

  1. 变量区分大小写
  2. 用\表示转义字符
  3. 不使用var声明的变量当做全局变量,用var声明的变量拥有特定的作用域。
  4. 推荐使用下划线分割变量名中的单词,用驼峰格式命名方法名,这样可以方便的区分变量和方法。
  5. JavaScript是一种弱类型的语言,即变量的使用不需要声明,而且变量的类型在使用时可以改变。
    1
    2
    var age="thirty"; //字符串型
    age = 30; //数值型

常用的类型有:

1
2
3
4
var a = 16; //数字
var b = 16.123; //浮点型
var falg = true; //布尔型
var s = “hello”//字符串型

1
2
3
4
5
6
//字符串的相加运算
<script>
var a = "abc";
a += 'd';
document.write(a);
</script>
1
结果是abcd。
1
2
3
4
5
6
//html中将多个空格当成一个来处理
<script>
var s = 'hello ';
s += ' world';
document.write(s);
</script>
1
结果是: hello world

4.运算

常见的运算符在JavaScript中都有,例如:
加减乘除: +-*\ %
自加自减:++ –
加法:+= -=
逻辑: && || ?: !
判断: ==(类似于C语言)
字符串比较大小: > < == (小写字母大于大写字母)

5.注释
和C语言一样用//或/ / 表示

6.判断
与C语言基本相同

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

1
2
3
4
5
6
7
8
9
//不加括号时,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(形参){函数体}
函数也被当成是一种类型,有时可以像变量一样使用

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

1
2
3
4
5
6
7
8
9
//将函数类似于变量的用法
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中的键值对,但是不推荐使用,因为对象可以更好的完成同样的效果

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

在这里会输出:
undefined
11

1
2
3
4
5
6
7
//人为改变数组长度,等同于截取数组中的一段
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

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是成员的名字,用法类似于数组的下标
}

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

结果:
百年孤独
马尔克斯

1
2
3
4
5
6
7
var book = new Object();
book.name = '百年孤独';
book.about = {name:'马尔克斯',price:100};
//遍历
for (var x in book ){
document.write(book[x]);
}

文章目录