JavaScript学习笔记

JavaScript类似于数组 jQuery类似于list集合

1. JavaScript是一种基于对象和事件驱动的、并具有安全性能的脚本语言
2. JavaScript特点
   1>向HTML页面中添加交互行为
   2>脚本语言，语法和Java类似
   3>解释性语言，边执行边解释
3. JavaScript
   • ECMA(核心语法) 里边可以包含if、变量、for、console等
     -变量的声明和赋值、数据类型、数组、运算符
     -逻辑控制语句、注释、语法约法
   • DOM （Document Object Model)(文件对象操作）
   • BOM（Browser Object Model)(浏览器对象操作)
4. javaScript的基本结构

*<script type="text/javascript"> 
   	  	JavaScript 语句；
        document.write("初学javaScript“);   // 在网页中输出文字
</script>

5. JavaScript的执行原理
   
6. 数据类型

•  undefined ：如果变量没有被赋予初始值，将被赋予值undefined
   null：表示一个空值，与undefined值相等
   number：整数，想要进行运算时 要用函数parseInt（）转换成整数类型
   boolean：true和false
   string：一组被引号括起来的文本
   object：JavaScript中的对象、数组和null  
   data:  数据
   array:  数组
   function：函数
   用 typeof 来检测变量的返回值；
  

7. BOM对象
   
   -BOM可实现的功能：

• 弹出新的浏览器窗口（window.open("写网址")搭配onload使用当页面加载完成时执行的操作 ）
   移动、关闭浏览器窗口以及调整窗口的大小
   页面的前进、后退（history.go(-1)表示后退、若为1 则表示前进）
  

8.DOM对象

访问节点：

节点属性

•   parentNode ： 返回节点的父节点
    childNodes ： 返回子节点集合，childNodes[i]
    firstChild：返回节点的第一个子节点，最普遍的用法是访问该元素的文本节点
    lastChild：返回节点的最后一个子节点
    nextSibling：下一个节点
    previousSibling：上一个节点
  

如果要查找的节点标签格式化之后，要使用Element元素

•   firstElementChild：返回节点的第一个子节点，最普遍的用法是访问该元素的文本节点
    lastElementChild：返回节点的最后一个子节点
    nextElementChild：下一个节点
    previousElementChild：上一个节点		
  

节点信息

•   nodeName：节点名称
    nodeValue：节点值
    nodeType：节点类型
    	元素element：NodeType值是  1
    	属性attr：NodeType值是   2
    	文本text：NodeType值是  3
    	注释comments：NodeType值是  8
    	文档document：NodeType值是  9
  

9.JavaScript中获取元素的三种方法

•   document.getElementById
    	id是一定的  ,获取到的元素直接 加点inner HTML 直接赋值即可
    document.getElementsByName
    document.getElementsByTagName  (标签名)
    	这两类获取到的很多元素, 会以数组的形式存在 , 
    	可以用for进行遍历得到数组中的元素