JavaScript个人学习心得

以下为本人学习JS的一些个人心得   

1. Js全称JavaScript，是一门主要负责网页行为的脚本语言（脚本语言就是只能依托于其他语言才能产生作用，无法独立使用的语言）。相关有DOM模型 ，即document object model（文档对象模型），一个HTML在JS方面看就是一个DOM树，每一个标签是一个节点，JS就是对DOM树进行操作的脚本语言。
2.    获取元素节点的一些方式：

• document.getElementById() :根据id获取属性，返回单个节点
• document.getElementByClassName():根据name属性获取，返回节点数组
• document.getElementByTagName():根据标签名获取，返回节点数组

  3.获取文本节点的方式：    

• 获取文本节点所在的元素节点
• 获取元素节点的第一个子节点：元素节点.firstChild
• 获取文本节点值：元素节点.firstChild.nodeValue;这个方法可以直接赋值，以改变文本节点值

  4.获取属性节点：元素节点.属性名;该方法可以直接赋值，以改变属性值。

  5.获取子节点：

• .firstChild      获取第一个子节点
• .lastChild      获取最后一个子节点
• .childNodes  获取所有的子节点并返回数组

  6.JS内置对象：

•  window：代表浏览器，常用于window.onload事件，在页面所有元素加载完成后触发
• document：带表HTML文档，通过该对象获取元素节点
• console：代表控制台，通过log（）方法将数据打印到控制台，和Java里面的System.out.println()道理相同

  7.this对象：指代当前触发事件的节点

  8.创建节点:

• 创建元素节点：document.createElement("标签名") 
• 创建文本节点：document.createTextNode("文本节点值");
• 创建属性：元素节点.属性名 = 值；

  9.插入节点

• 将节点插入父节点中：     父节点.appendChild(子节点)
• 将节点插入到指定节点前面   父节点.insertBefore(新节点,指定节点)

  10.删除节点：节点.remove();  删除当前节点

   11.确认提示框：

var flag = confirm("是否确定删除");

用户可选择确定或不确定 返回值为布尔类型

  12.正则表达式：验证文本内容是否符合业务逻辑

    (1)特殊符合

• /.../正则表达式结构
• ^   正则表达式的开头
• $   正则表达式的结尾
• \d  匹配内容为数字，等价[0-9]
• \D  匹配内容不为数字，等价[^0-9]
• \w  匹配内容为数字，大小写字母，等价于[A-Za-z0-9]
• \W  匹配内容不为数字，大小写字母，等价于[^A-Za-z0-9]
•  .     匹配任意字符，包括符号，常与{}搭配，用于限制字符长度。

    (2) {}限制验证的位数：

• {n}    验证n个字符
• {n,m}验证至少n个字符，最多m个字符。
• {n,}    验证至少n个字符，无上限。
• +      验证至少1个长度，最大不限

   13.JS事件

• onclick             单点击事件
• ondbclick         双点击事件
• onchange        内容改变事件
• onmouseover  鼠标悬停事件
• onmouseout    鼠标移出事件
• onfous             光标聚集事件
• onblur              失去焦点事件
• onkeydown      键盘按下事件

  14.事件冒泡

• 什么是事件冒泡

      触发后代元素的事件，事件结束后会依次执行具有相同事件的祖先元素的事件代码

• 如何阻止事件冒泡

      (1)需要在阻止事件冒泡的Js事件中加入[return false]

      (2)event.stopPropagation();

 15.Js事件监听机制

   垂直监听 (这里的垂直监听是元素层级关系上的垂直，不是展示效果的垂直) 

  16.return false的功能

• 阻止元素默认行为。（元素默认行为指的是类似a标签或者form表单可以跳转页面等元素自带的行为）
• 阻止事件冒泡。

  17.无标题

•     .nodeValue    获取节点值
•     .innerHTML     获取元素中的所有文档内容(包括换行、缩进)    来修改文档内容，或不赋值来获取内容
•     .innerText 获取元素中的所有文本内容(换行不会被识别成空格)可以赋值来替换文档内容，或不赋值来获取文本内容

     此文档仅为个人学习简单总结，很多地方有所欠缺，欢迎大家指教。