了解JavaScript

1.什么是JavaScript:

一种基于对象和事件驱动并具有安全性能的解释型脚本语言，在Web应用开发中非常广泛的应用。它不需要编译，直接嵌入在HTTP页面中，把静态页面转变为支持用户交互并响应应用事件的动态页面。在Java Web程序中，经常应用到JavaScript进行数据验证、控制浏览器以及生成时钟、日历和时间截文档。

2.JavaScript的主要特点：

JavaScript适用于静态或动态页面，是一种广泛使用的客户端脚本语言，它具有解释性、基于对象、事件驱动、安全性和跨平台等特点。

解释性：JavaScript是一种脚本语言，采用小程序段的方式实现编程。和其他脚本语言一样，JavaScript是一种解释型语言，它提供了一个简易的开发过程。

基于对象：JavaScript是一种基于对象的语言。它可以应用自己创建的对象，因此许多功能来自于脚本环境中的对象的方法和脚本的相互作用。

事件驱动：JavaScript可以以事件驱动的方式直接对客户端的输入作出响应，无需经过服务器端程序。

注意：事件驱动就是用户进行某种操作（如鼠标按下、选择菜单），计算机随之做出相应的反应。这里的某种操作称之为事件，而计算机做出的响应称为时间响应。

JavaScript语言基础

1.JavaScript语法：

(1)JavaScript区分大小写

(2)每行结尾的分号可有可无

(3)变量是弱类型的，无需指定类型，只要用var运算符，就可以将变量初始化为任意值。

2.JavaScript的数据类型：

数值型：整型、浮点型

字符型：与Java不同，没有char数据类型

布尔型：

转义字符：

空值：

未定义值：

流程控制语句

在JavaScript中提供了if条件判断语句、switch多分支语句、for循环语句、while循环语句、do...while循环语句、break语句和continue语句等。

for循环语句也称为计次循环语句，一般用于次数已确定情况下，而while循环语句用于次数不确定情况下，while循环语句也称为前测试循环语句，do...while后测试循环语句

。break语句用于退出包含最内层的循环或者退出一个switch语句，通常用于for、while、do...while或switch语句中，continue语句用于中止本次循环，最后能用于for、while、do...while和switch语句中。

函数

事件处理

JavaScript与Web页面之间的交互是通过用户操作浏览器页面时触发相关事件来实现的。事件处理程序是用于响应某个事件而执行的处理程序通常使用特定的自定义函数（Function）来对事件进行处理。

1.JavaScript的常用事件：

onclick：单击鼠标左键时触发

ondblclick：双击鼠标左键是触发

Onload：页面完全载入后，在Window对象上触发；在所有框架载入后，在框架上触发；

onmousedown：单击任何一个鼠标按键时触发

2.事件处理程序的调用：

在JavaScript中调用事件处理程序，首先要获得要处理对象的引用，然后将要执行的处理函数赋值给对象的事件

例如：

<input type=”button” id=”sava” value=”保存”>
   <script language=”javascript”>
        var save=document.getElementById(“save”);
        Save.οnclick=function(){
           alert(“单击了保存按钮”);
        }
   </script>

常用的对象

JavaScript是一种基于对象的语言。它可以应用自己创建的对象，因此许多功能来自于脚本环境中的对象的方法和脚本的相互作用。

1.Window对象

Window对象即浏览器窗口对象，是一个全局对象，是所有对象的顶级对象。Window对象同Math对象一样，不需要使用new关键字去实例化对象实例，可以直接使用“对象名.成员”的格式访问其属性和方法。由于Window对象使用十分频繁，又是其他对象的父对象，所以在使用Window对象的属性和方法时，JavaScript允许省略Window对象的名称。例如，在使用Window对象的alert()方法弹出一个提示对话框时，可以使用下面的语句：window.alert(“dsdds”);也可以使用alert(“dsdds”);

2.String对象

在JavaScript中可以将用单引号和双引号括起来的一个字符串当做字符串对象的实例，所以可以在某个字符串后面加上“.”去调用String对象的属性和方法。如：“sdfg”.length.

3.Date对象

通过var now=new Date()获取当前系统时间

var year=now.getFullYear()获取年份

var date=now.getDate()获取日期

var day=now.getDay()获取星期，day的值是0~6

DOM技术

DOM是文档对象模型的简称，是表示文档和访问、操作构成文档的各种元素(如HTML标记和文本串)的应用程序接口(API)

1.DOM的分层结构

在DOM中，文档的层次是以树形的形式表示。DOM树的根节点是个Document对象，该对象的documentElement属性引用表示文档根元素的Element对象。

2.遍历文档

在DOM中，HTML文档中的各个节点被视为各种类型的Node对象，并且将HTML文档表示为Node对象的树。对于任何一个树形结构来说，最常做的就是遍历树。Node对象的常用属性：

parentNode：节点的父节点，没有父节点是为null

childNode：节点的所有子节点

firstChild：节点的第一个子节点，没有为null

lastChild：节点的最后个子节点

previousSibling：节点的上个节点

nextChild：节点的下个节点

nodeName：节点名

nodeValue：节点值

nodeType：节点类型

3.获得文档中的制定元素

(1)通过元素ID属性获取元素，如：

document.getElementById(“userId”);

(2)通过元素name属性获取元素，该返回值是个数组，而不是一个元素.如果想通过name属性获取页面中的唯一的元素，可以通过获取返回数组中下标值为0的元素进行获取，如：

document.getElementByName(“name”)[0].

动力节点在线课程涵盖零基础入门，高级进阶，在职提升三大主力内容，覆盖Java从入门到就业提升的全体系学习内容。全部Java视频教程免费观看，相关学习资料免费下载!对于火爆技术，每周一定时更新!如果想了解更多相关技术，可以到动力节点在线免费观看JavaScript视频教程学习哦!