JavaScript基础

第一章 语法基础

有没有和服务器端进行交互是判断是否是动态页面的依据

JS的引入方式：

       外部：HTML代码和JS代码在不同文件中，在HTML中用script标签引入JS代码（引入CSS是用link标签）

       内部：HTML和JS在一块，JS写在<script></script>标签中

元素属性：在元素属性中编写JS，在元素事件中调用。

变量的命名：1、变量由字母、下划线、$ 或者数字组成，第一个字母必须是字母、下划线或者 $

                     2、变量不能是系统关键字或保留字

JS是弱类型语言，所有变量都用var声明。

数据类型有两种：1、基本数据类型：数字、字符串、布尔值、未定义和空值

                            2、引用数据类型：对象（数组也是对象的一种）

                            /* 字符串用单引号双引号都可以，但是单引号里不能有双引号，双引号里不能有单引号。

                            未定义用undefined表示，空值为null  */

类型转换：1、显式类型转换：手动代码强制转换  2、隐式类型转换： 字符串+数字=字符串

              a、字符串转数字：Number() 任何数字型的字符串转换为数字

                                            parseInt()和parseFloat() 只会提取首字母为数字的字符串，前者只提取整数，后者也提取小数

                                          /*NaN是指Not a number

              b、数字转字符串：与空字符串相加或者toString()

转义字符：在字符串里输入引号，除了上面那种单引号和双引号交错使用的方法，另一种方法就是转义字符，\'是英文单引号

\'' 英文双引号 \n是换行符

              /* 在document.write()中换行，用<br/> 在alert()中换行，应该用\n

JS中单行注释 // 多行注释 /* */

switch语句每个case后面要加上break语句，如果不加则在执行完相应case之后，还会依次去执行，剩下的case直到default。

第二章 函数

无论是哪种函数，都必须用function来定义

1、函数的调用：

       直接调用：一般没有返回值的函数

       在表达式中的调用：有返回值的函数

       在超链接中调用：<a href="javascript:函数名"></a>

       在事件中调用：

2、嵌套函数：在一个函数内部定义另一个函数

//闰年：能被4和400整除，不能被100整除

第三章 字符串对象

JS内置字符串对象有四种，：String  数组对象：Array 日期对象：Date  数值对象：Math

1、获取字符串长度：length()  比如str.length()   //空格本身也被当做一个字符处理

2、大小写转换：toLowerCase()大写转小写

                            toUpperCase()小写转大写

3、获取字符串某个字符： 字符串名.charAt(n) //第n个字符的下标是n-1

4、截取字符串一部分：字符串名.substring(start,end)   //当end省略时，会一直截到结尾，而且左开右闭[start,end)

5、 替换字符串：replace()用一个字符串替换另一个字符串的某一部分。

                            字符串名.replace(原字符串，替换字符串)  //只会替换第一个字符串

                            字符串名.replace(正则表达式，替换字符串) //会替换所有字符串

6、分割字符串：字符串名.split("分隔符")  //分割完字符串会变成一个数组，分隔符有""和" "是不同的。

7、检索字符串的位置： indexOf()某个指定字符串在字符串中首次出现的位置

    lastIndexOf()某个字符串在字符串中最后出现的位置  //不包含会返回-1

第四章  数组对象

数组一般情况下存储的都是相同的数据类型，数组属于引用类型。基本数据类型一般都是一个值，而引用数据类型可以含有多个值。

1、数组的创建

       var 数组名 = new Array(元素1，元素2…元素n);

       var 数组名 = [元素1，元素2，…，元素n];

2、数组的长度  数组名.length

3、截取数组的某部分

       数组名.slice(start,end);  截取范围是[start,end）   //和上一章的subString相似

4、在数组开头添加元素：   数组名.unshift(新元素1，新元素2，…，新元素n)

5、在数组结尾添加元素：  数组名.push(新元素1，新元素2，…新元素n)

6、删除数组中第一个元素 ：数组名.shift()

7、删除数组中最后一个元素：数组名.pop()

8、数组元素排序： 数组名.sort(函数名)

9、数组翻转：数组名.reverse();

10、将所有元素连接成一个字符串：数组名.join("连接符")； //默认使，作为分隔符。"*"可以使*作为分隔符。

第五章 时间对象

时间对象：  var  时间对象名 = new Date();

1、获取年、月、日 getFullYear()、getMonth()、getDate()  //Month是从0到11

2、设置年、月、日setFullYear()、setMonth()、setDate()

3、获取时、分、秒getHours()、getMinutes()、setSeconds()

4、设置时、分、秒setHours()、setMinutes()、setSeconds()

5、获取星期几：时间对象.getDay();

第七章 数学对象

Math.属性  Math.方法

角度是以弧度为单位开发的，180°=Math.PI ,所以实际开发中，一般写：度数*Math.PI/180 这样可以一眼看出具体的角度值

1、最大值和最小值  Math.max(a,b,…,n);   Math.min(a,b,…,n);

2、取整运算 

       向下取整 Math.floor(x)   //-1.2 取整等于2

       向上取整 Math.ceil(x)    // -1.1 取整等于-1

3、三角函数  比如 Math.sin(x)

4、生成随机数 Math.random()*m+n  //生成n~m+n 表示生成n~n+m的随机数

     生成n到m之间的随机整数  Math.floor(Math.random()*(m-n+1))+n  //包括n和m

第八章 DOM  和 第九章 事件 单独写成随笔

第九章 window对象

一个窗口就是一个window对象，窗口里的HTML文档就是一个document对象，document对象是window对象的子对象

JS中窗口操作有两种，打开窗口和关闭窗口。

1、打开窗口  window.open(url.target)

2、关闭窗口 window.close()  // 没有参数

3、对话框 有三种：alert()、confirm()和prompt()，window对象的属性和方法可以省略window前缀

                               //alert换行用\n没有返回值，confirm("提示文字")返回布尔值，prompt("提示文字")返回字符串

4、定时器

              setTimeout()和clearTimeout():

                            setTimeout(code，time);  //code可以是一段代码，可以是一个函数，也可以是一个函数名。

              setInterval()和clearInterval()  //setInterval()可以重复调用函数，clearInterval()可以取消执行。

5、location对象

              三种属性：href、search、hash

              window.location.href  //href获取或设置当前页面的地址

              window.location.search  //获取和设置当前页面的地址"?"后面的内容

              window.location.hash   //获取和设置当前页面的地址"#"后面的内容

6、navigator对象

window.navigator.userAgent //获取浏览器的类型

第十章 document对象

具体见DOM随笔

通过window对象操作窗口被称为BOM，通过document对象操作页面元素，被称为DOM。

       document.URL  //获取当前页面的地址

       document.referrer  //获取用户在访问当前页面之前所在页面的地址

       document.write()  //输出内容

documen.writeln()  //writenln方法内容之间有空隙，而write方法没有