1.JavaScript代码可以放在head里,也可以放在body里。
可以从<script src=""></script>外部引用,也可以放在<script></script>中。
2.JavaScript输出数据
* window.alert() 弹出警告框。
* document.write() 将内容写到html文档,如果是页面加载完后输出,页面会被覆盖。
* innerHTML 找到元素,修改元素内容。
* console.log 浏览器控制台输出。
3.JavaScript基本语法
*对大小写敏感
*建议句末用分号隔开
*声明变量时候,不用声明数据类型
*浏览器按照顺序从上到下依次执行js代码
*忽略多余的空格
*函数内部使用var定义的变量是局部变量,不使用var而直接定义的变量是全局变量。
4.数据类型
五种数据类型:Number 数值,String 字符串,Boolean 布尔值,Object 对象,function 函数。
3种对象类型:Object 对象,Array 数组,Date。
2种不包含任何值的数据类型:null 和 undefined。
5. 注释
单行注释 //
多行注释 /*开头到结尾*/
6.对象
JavaScript中,几乎所有的事物都是对象。
JavaScript 对象是属性和方法的容器。
对象属性:对象中的键值对,访问方法:object.name或者object["name"]。
对象方法: 对象可以执行的动作。访问方法:object.name()。
var person = {
firstName: "Allen",
lastName : "Lee",
id : 001,
fullName : function() {
return this.firstName + " " + this.lastName;
}
};
7.函数
可重复执行的代码块。
function name(形参){
代码;
}
8.事件
事件是发生在html元素上的。
常见JavaScript事件:
onclick;
onmousevoer;
onmouseout;
事件使用:
1.<button onclick="myFunction()">
2.object.onclick=function(){}
9.比较和逻辑运算符
== 等于
===绝对等于(类型和值都要相等)
!= 不等于
!= 绝对不等于(类型或值不想等,与===对立)
> 大于
< 小于
>= 大于或等于
<= 小于或等于
&& 逻辑与
|| 逻辑或
! 逻辑非
10.语句
条件语句: if(condition){代码}else{代码}
switch语句:switch(n){
case 1:执行代码1;break;
case 2:执行代码2; break;
default :以上条件都不符合时执行;
}
for循环:for(1初始条件;2循环条件;3递增递减等,在代码块后执行){
代码块
}
while循环:while(条件){代码}
do{代码}while(条件)
break : 跳出循环语句,导致这层循环停止。
continue : 结束本次循环,进行下一循环。