Javascript入门

 

1  基本声明

在html页面上写在声明为<script></script>标签内

 

2  变量类型

所有类型都是var类型(弱类型)

var i=1;

  var j=1.0;

  var k=true;

  var x=”abc”;

   var y=new Object();

var z=new Array();    或者var z[]={1,2,3}

 

1  往页面输出 

document.write(变量)

2  往控制台输出

consolo.log(变量)

 

3  注释

1  单行注释   //

2  多行注释  /*    */

 

4  基本语法

+ - * / %等数学运算方式都与java一致

&&  ||  ! 逻辑运算方式(没有&或者|的写法)

 

5  语句控制和遍历

if语法(与java一致)

If(条件1){

}else if(条件2){

}else{

}

 

Switch语法(除了java可以加入的元素类型外,也可以加入浮点和字符串类型)

switch(变量){

Case  常量1:

.....

break;

Case  常量2:

.....

break;

....

Default:

....

break;

}

 

遍历(语法与java一致)

A  

for(var i=0;i<xxx,i++){

}

B

while(条件){

  ........

  改变条件

}

C

do{

.....

改变条件

}while(条件);

(只有在一开始条件不满足时,dowhile会执行一次,否则两者执行次数一致)

 

6 常见的一些对象

Math对象

用于解决javascript中的一些数学函数的运算(比如说三角函数,随机数,幂运算等等)

 

Date对象

用于返回日期或者时间的对象值

 

Array对象

返回可变数组对象

var myarray=new Array();

 

详情请自行阅读javaScript API文档.

 

7 函数

function  函数  用于将某些特定功能的代码集中在一个代码块中,等待被某些事件调用的方法.

 

语法:

function 函数名(参数1,参数2,...){

.....

return 或者 没有return 都可以.

}

 

8 常用监听和Dom操作

监听:

用来监视某些特定动作的监视者,一旦满足触发了特定的东西,那么监视者将执行相应的措施.

按钮点击监听: onClick(),监听通常后面跟随的是一个函数对象.

 

Dom操作:

通过id名称(同一个页面中,只能出现一次该id名称)来绑定对应的标签对象的方法是:

document.getElementById(“id名称”)

该方法返回的就是对应id的标签对象

 

如果这个标签是输入框对象,那么通过value属性就可以获取其输入内容.(该内容的类型只为字符串类型),

 

如果想要获取当前标签头和当前标签尾之间的内容,那么通过innerHTML属性就可以获取到(获取到的内容是字符串类型)

 

如果需要将字符串转成int或者float类型,可以通过内置方法parseInt或者parseFloat转换.

 

9  javascript调试

1调试页面说明

F12进入调试页面

 

选择Scourses页面

 

 

2调试步骤

a 选择要调试的代码,在左侧的行数序号点击,打上断点

 

 

b 重新刷新当前页面进行调试

 

F10 单步调试

F8 多断点跳转调试(如果后面没有断点,就直接运行结束)

F11 进入当前代码的函数内部debug