JavaScript入门

一、JavaScript使用

注释：单行：//， 多行/*  */

常用函数：

alert("提示框");

document.write("向浏览器输出内容");

使用方法：

1、内部JavaScript

使用方法：在html页面中使用<script>标签，在<script>标签体中写js内容

弊端：与html标签混杂在一起，不好维护，不好重用

2、外部JavaScript（推荐使用）

使用方式：举例：<script src="jjsh.js" ></script>

src表示路径

二、变量和数据类型

1、定义和赋值变量

var 变量名=值

注意：

（1）使用var关键字定义变量，var可以省略，但是不建议省略var

（2）在js中可以重复定义变量，后面定义的变量会覆盖前面的变量

（3）js是弱类型语言，使用var来定义任何数据类型

（4）js中变量的类型是由变量的值决定的，所以只定义不赋值的变量，就是一个未赋值变量（undefined），未赋值的变量不能使用

使用typeof（变量）可以查看变量的数据类型

2、数据类型的分类

（1）number：无论整数还是小数，都是number类型

（2）string：无论字符韩式字符串，都是string类型

（3）boolean

（4）object：对象类型

3、转换函数

string->number（整数）：parserInt（变量）

string->number（小数）：parserFloat（变量）

4、with语句

方便函数的调用

with（对象）{

直接写对象的方法，无需写对象的名称

}

三、函数

定义：

function 函数名称（形式参数列表）{

语句

}

调用：函数名称（实际参数列表）

注意： 

（1）js的函数使用function定义，但是形式参数列表不能使用var关键词

（2）js的函数可以有返回值，直接使用return关键词返回即可，不需要声明返回值类型

（3） js没有方法重载的概念，后面定义的函数会覆盖前面的函数。

（4）js中的形式参数和实际参数的数量可以不一致，依然可以调用。

（5）js的每个函数中都隐藏了一个叫arguments的数组，这个数组用于接收函数调用时传递过来的实际参数值。

（6）arguments数组接收完实际参数后，会逐一的依次从左到右赋值给形式参数,如果实际参数数量大于形式参数，则丢失剩下的实际参数

注意：

实际参数<形式参数： NaN

实际参数>形式参数： 取前面的实际参数，后面的参数丢失

四、基于对象编程

使用valueof方法可以返回对象的内容

1、内置对象

（1）String对象

定义方式：

1)var str1 = new String("hello");

2)var str1= "hello";

常用方法：

indexOf(字符串): 返回首次出现指定字符的索引位置

lastIndexOf(字符串): 返回最后出现指定字符的索引位置

fontcolor("red"): 直接给字符串添加颜色

split("字符串"): 使用指定字符串切割字符串，返回字符串数组

substring(start,end); 截取字符串，start：开始索引， end:结束索引

substr(strat,[length]) 截取字符串， start：开始索引 length: 截取的字符串长度

2、number对象

定义方式：

1）var num1 = new Number(20);

2）var num1 = 20;

3、boolean对象

var b1 = new Boolean(true);

var b1 = true;

4、Math对象

常用方法：

ceil()： 向上取整。 如果有小数部分的话，直接+1

floor(): 向下取整。如果有小数部分的话，直接丢失小数部分，保利整数位

round(): 四舍五入取整。满5进一

random(): 生成一个随机的0-1的小数 .包含0，不包含1

max(): 返回最大值

min(): 返回最小值 

5、日期对象

获取当前系统日期时间：

var date = new Date();（默认格式）

要想按照指定格式输出，需要先获取到每一部分数字，

例如：要输出的格式： 2015年06月01日 15时12分30秒

年份document.write(date.getFullYear()+"年");

月document.write((date.getMonth()+1)+"月");

日document.write(date.getDate()+"日");

星期document.write("星期"+date.getDay()+"&nbsp;");

时document.write(date.getHours()+"时");

分document.write(date.getMinutes()+"分");

秒document.write(date.getSeconds()+"秒");

6、Array数组对象

1）指定数组长度var arr = new Array(3);

     不指定数组长度、默认0个元素var arr = new Array();

     指定具体内容var arr = new Array(10,"hello",true);

2） 不需要new，直接指定内容

var arr = [10,"java",false];

注意：

1）数组的长度会随着元素的添加而变化，不用担心出现索引位置越界的异常。

2) js的数组可以存放任意类型的元素。

常用的方法：

join(字符串): 使用指定的字符串，把数组的所有元素连接在一起，最终组成一个新的字符串

reverse(): 反转数组中的元素

常用的属性：length 数组的长度

for-in语句：

for(var 遍历 in  数组){

}