JavaScript是世界上最流行的语言之一,一种轻量级的语言,可插入html页面,由浏览器执行.标准名称:ECMA
功能:
- 写入HTML输出
- 对事件做出反应
- 改变HTML内容
- 改变HTML图像
- 改变HTML样式
- 验证输入
使用:
在或者里面写,js代码放在页面代码的底部,这样可以元素创建后再执行.
① js的语句规则
js可以使用分号结尾,减少换行,但是不严格要求
对大小写敏感,会忽略多余的空格.
js 的文本换行需要用\ 来连接 .
//单行注释
/* */ 多行注释
简单的alert()
<script type="text/javascript">
function func1(){
//单行注释
alert("不要点我啊")
}
</script>
</head>
<body>
<input type="button" value="点我" id="b1" onclick="func1()" />
</body>
②js的数据类型
变量对大小写敏感,类型包括,字符串,数字,布尔,数组,对象,NULL,Undefined
拥有动态类型
var x=”name” –通过var赋值
var cars=new Array (“audi”,”bmw”,”benz”) –数组
var cars=[“audi”,”bmw”,”ford”]
var person={name:”xiaobai”,id:98778};–对象
获取对象属性 n=person.name
③ js的对象
一切皆对象,包括属性和方法.
属性 :car.color=lue
方法:car.drive()
调用对象的属性
<script type="text/javascript" >
var person =new Object();
person.name="naeme";
person.age=12;
var t=person.name.length;
alert(t);
</script>
④ js的函数
函数就是花括号里面的代码块,使用关键词function
<script type="text/javascript">
function f1(){
var s1=document.getElementById("n1").value;
var s2=document.getElementById("n2").value;
s3=parseInt(s1)+parseInt(s2);
document.getElementById("sm").value=s3;
}
</script>
<body>
请输入第一个数字:<input type="text" name="num1" id="n1" /><br />
请输入第二个数字:<input type="text" name="num2" id="n2" /><br />
<input type="button" value="计算" id="b1" onclick="f1()" /> <input type="text" id="sm" />
运算符: ==等于 ===全等 !=不等
&& –and
|| –or
! –not
条件语句:
if(a>0){
alert();
} else if(a=0){
alert();
}
swith(n){
case 1: break;
case 2: break;
default: break;
}
循环语句:
<script type="text/javascript">
function f1(){
var person={name:"kaige",age:18,sex:"男"};
var str="";
for ( x in person) {
str=str+person[x]+"<br/>";
}
document.write(str);
}
</script>
</head>
<body>
<input type="button" value="forin循环" onclick="f1()" /><br />
</body>