javascript初始笔记
1、在html中使用点击事件:
<button type="button" onclick=“myclick()”>click me<button>
2、innerHTML改写文档内容:
<script>
function myclick(){ document.getElementById("demo").innerHTMl="this is the new content"; }
</script>
3、操作HTMl元素:
通过id来访问元素:
document.getElementById("demo").innerHTML="my first time";
注:使用document.write会是整个文档替换成当前的内容 ;
4、代码块:
javascript语句通过代码块的形式进行组合 块由左边花括号开始右边花括号结束 块的作用是使语句系列以其执行
5、代码折行操作:可以通过反斜杠对代码换行
document.write("hello \ world!");
6、javascript 数据类型
字符串类型 数字类型
布尔类型:true false
数组类型:
var cars=new Array(); car //或者 var cars=new Array("as","dff","fda","ada"); //或者 var cars=["dfsdf","fda","afaf"];
javascript对象:
var person={ firstname:"Bill", lastname:"Grass", id :34243 }; //访问 name=person.firstname; name=perosn["firstname"];
7、Undefined和Null
Undefined表示不含有值。
将值设置成Null可以用来清空变量。
8、javascript中所有的事物都是对象:字符串、数字、数组、日期等;
对象拥有属性和方法:
访问属性:
car.name=First;
car.id=234;
访问方法:
car.start()
car.break()
某些对象拥有内建的属性和方法;在面向对象的语言中,属性和方法经常被称为对象的成员;
9、使用return返回值
function myfunction (a,b){ return a*b; }
如果仅仅是想退出函数,也可以用return语句
function myFunction(a,b) { if (a>b) { return; } x=a+b }
10、在与字符串的加法运算中,只要是有两者之一为字符串就执行字符串拼接;
11、运算符:
&& and
|| or
! not
12、switch语句:
switch(n){ case 1: 执行代码块1 break; case 2: 执行代码块2 break; case 3: 执行代码块3 break; default: 执行以上均不匹配时候的代码 }
工作原理:首先设置switch里的n,再与每个case比较,如果匹配则相应代码被执行且break退出;
13、for循环:
for(语句1;语句2;语句3)
{
//被执行代码块
}
语句1:在循环(代码块)开始前执行(如果之前就设置了则可以省略,但是要空出位置)
语句2:定义循环代码条件
语句3:满足条件后执行