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]);
}