java程序员菜鸟入门之十JavaScript

一、引入方式

1、内联式：在HTML文档中，通过<script>标签引入

2、外联式：通过<script  src=""/>标签引入.js文件

二、核心语法

1、变量：变量的声明：var  变量名；（js的变量可以不声明，默认值：undefined）

               变量的赋值：var   变量名=值；（js的变量弱类型，即同一个变量可以存放不同类型的数据）

2、数据类型：undefined类型只有一个值，即undefined，当声明的变量未初始化时，该变量的默认值为undefined

                      Null，只有一个专用值null，表示空，一个占位符，值undefined实际上是从值null上派生过来的，因此js把他们定义为相等的，alert（null==undefined），输出true，尽管这两个值是相等的，但它们的含义不同

                       Boolean：有两个值true与false

                       Number：表示任意数字

                      String：字符串由单引号或者双引号声明的，

                      引用数据类型：引用数据类型通常叫类（class），也就是说，遇到引用值，所处理的就是对象，，js基于对象，但不是面向对象，对象类型的默认值为null。

3、运算符：基本与java的一致（算术运算符，赋值运算符，逻辑运算符，比较运算符、三元运算符）

4、基本操作：alert（）想页面中弹出一个提示框

                      innerHTML：向页面中的某个元素写一段内容，将原有东西覆盖

                      document.write（）：想页面中写入内容

5、js中的正则表达式

6、js中的函数编写方式：关键词function，函数名自定义

7、定时器：window.setInterval（code， time）按照指定的周期（间隔）来执行函数或代码片段，参数code：code必须，执行的函数名或者代码片段；参数time：time必须，时间间隔，单位毫秒

三、BOM对象（浏览器对象）

1、常用方法：alert（）//显示一段带有消息和确认按钮的警告框

                      comfirm（）//显示一段消息以及确认按钮与取消按钮的确认框

                      setInterval（）//按指定周期来调用函数或执行代码

                      setTimeout（）//在指定的毫秒数以后调用函数或代码片段

2、元素事件：onload：某个页面或者图像被完全加载

                       onclick：点击事件

                       ondbclick：双击事件

                       onblur：失去焦点事件

                       onfocus：元素获得焦点

                       onmouseover：鼠标移到某元素之上

                       onmouseout：鼠标从某元素上移开

四、DOM对象（文档对象）

1、document对象：整个HTML文档组成一个Document文档

                               getElementById（）：返回拥有指定ID的第一个Element对象

                              getElementByName（） ：返回拥有指定名称的对象的集合

                              getElementBytagName（）：返回带有指定标签签名的对象集合

                              docuement.createTextNode（）：创建文本节点

                             docuement.createElement（）：创建元素节点

2、element对象：appendChild（）：向元素添加新的子节点，作为最后一个子节点

                            firstChild（）：返回元素的首个子节点

                            getAttribute（）：返回元素节点的指定属性值

                            innerHTML：设置或返回元素的内容

                            insertBefore（）：在指定的已有的子节点之前插入一个新节点

                            lastChild：返回元素的最后一个子节点

                            setAttribute：把指定属性值设置或更改为指定值

                            removeChild：从元素中移除子节点

                           replaceChild：替换元素中的子节点

3、attribute对象：标签里面的属性都是Attribute对象

                              attribute.value：设置或返回属性的值

注意：区分document对象还是jquery对象                            

五、js的内置对象

1、Array：length//设置或返回数组中元素的数目        

2、Boolean：Boolean 对象表示两个值："true" 或 "false"

3、Date：Date()//返回当日的日期和时间

                get*//从 Date 对象返回年月日时分秒

                getTime()//返回 1970 年 1 月 1 日至今的毫秒数

                set*//设置Date中的年月日时分秒

        注：Date数据类型与String的数据类型的转换

4、Math：Math 对象用于执行数学任务

5、Number：Number 对象是原始数值的包装对象。

6、String：计算字符串的长度：length

                  为字符串添加样式

                  indexOf（）：如何使用 indexOf() 来定位字符串中某一个指定的字符首次出现的位置

                  match（）：用 match() 来查找字符串中特定的字符，并且如果找到的话，则返回这个字符

                  replace（）：用 replace() 方法在字符串中用某些字符替换另一些字符

                  split()：把字符串分割为字符串数组。

                 valueOf()：返回某个字符串对象的原始值。

                 substring()：提取字符串中两个指定的索引号之间的字符。

7、RegExp：RegExp 对象表示正则表达式，它是对字符串执行模式匹配的强大工具。