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