JavaScript脚本文件学习总结

javaScript 学习总结

---

什么是JavaScript和javaScript的特点

是一种解释型脚本语言（代码不进行预编译），不需要进行编译，直接嵌套在HTML页面，将静态的页面转变成支持用户交互的动态页面。

文件类型是.js

特点

• 解释性：不需要先编译
• 可以自己创建对象
• 可以直接对客户端的输入做出相应，无须客户端服务程序
• 不允许访问本地磁盘，不能把数据写到服务器上
• 依赖于浏览器，与系统没有关系，是跨平台的

日常用途

• 嵌入动态文本于HTML页面
• 对浏览器事件做出相应
• 读写HTML元素
• 在数据提交到服务器前验证数据
• 检测访客的浏览器信息
• 控制cookies

javaScript的语言基础

语法

• 区分大小写
• 每行的结尾的分号可有可无
• 变量是弱类型：在定义变量时，只是用var运算符，就可以将变量初始化为任意的值。
• 使用大括号标记代码块：被封装在大括号内的语句将按照顺序执行
• 注释：单行注释 // 多行注释 /* 被注释部分*/
• 关键字：和java基本一样 不一样的有 typeof、var、with

基本类型 6种

可与Java进行比较：多了转义字符、未定义值、 空值（null）、其他和java 一样。

• 未定义值：使用一个并未声明的变量。或者使用一个已经声明但没有赋值的变量时，将会返回未定义的值（undefined）
• 空值：用于定义空或者不存在的引用（空值不等于字符串（”“）或0）

变量的声明和定义：结合java的命名和定义规范

运算符应用：结合javase理解

javaScript的流程控制语句

• 结合javase理解 if 、if…else if 、switch语句

• **结合javase理解**for 、while 、do…while循环语句

• break 和 continue

• 函数的定义： 关键字是 function 函数名

  function functionName(参数1，参数2...){
  ....
  }
  

javaScript中的函数应用

事件处理

常用事件处理的函数

• onabort :对象载入中断时触发
• onclick ：单击鼠标左键触发
• ondblclick ：双击鼠标左键触发
• onsubmit :单击提交按钮时 < form> 上触发
• 等等。。。

JavaScript常用对象的应用

• windows 对象
• String 对象
• Date对象

DOM技术

在DOM中，文档的层次结构以树形表示，树是倒立的，树根在上，树枝在下，树的节点表示文档的内容。DOM树的根节点是一个Document对象，该对象的documentElement属性引用表示文档根元素的Element对象。对于HTML文档，表示文档根元素的Element对象是标记，和元素是树的枝干。

DOM的分层结构

1. 遍历文档

获取文档的指定元素

• 通过ID获得指定元素：使用Document对象的getElementsById()方法可以通过元素的ID属性获取元素。
• 通过元素name属性获取元素：getElementByName（）与getElementById()不同的是，该方法返回的是数组，而不是元素。想通过name属性获取页面中唯一的元素，可以通过数组下标为0的元素进行获取。

2.操作文档

2017/10/20 22:05:16