javascript初始笔记

时间:2023-03-08 23:15:39
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:满足条件后执行