JS的课堂笔记

一.对象

1.正则表达式对象

在使用正则表达式之前，首先要创建正则表达式对象。JavaScript提供了两种构建方法:

   使用正则标识字符串:varreg=/pattern/[flags]
   使用内置正则表达式对象:varreg=newRegExp("pattern",["flags"])
 pattern表示要使用的正则表达式模式，也就是由的特殊字符或普通字符所组成的表达式。
 flags标志位，可选项，有g(全文查找)、i(忽略大小写)、m(多行查找)三种。
 

<script type="text/javascript">
 var reg1=^d{3,4}[-]\d{7,8}/;
 var reg2=new RegExp('\d{3,4}[-]\d{7,8}');
</script>

 

<input type="text" name="" id="id" value="" />
		<input type="button" name="验证" id="yanzheng" value="验证" />
		<script type="text/javascript">
			document.getElementById("yanzheng").onclick=function(){
				var id=document.getElementById("id").value
				var reg=/^[0-9a-zA-Z_]{6,10}$/
				var isid=reg.test(id)
				console.log(isid)
			}
		</script>

2.中文字符  :  /^[\u4e00-\u9fa5]+$/
   邮箱 : /^[0-9a-zA-Z]+@[0-9a-zA-Z]+[\.]{1}[0-9a-zA-Z]+$/;
   电话 : /^(\d{3,4}-)?\d{7,8}$/
   月份 : /^((0?[1-9])1[0-2])$/
   天数 : /^((0?[1-9])|((12)[0-9])|3031)$/

二.文档对象模型（DOM）

1.HTMLDOM定义了访问和操作HTML文档的标准方法，它把HTML文档呈现为带有元素、属性和文本的树形结构，定义了访问HTML文档对象的属性、方法和事件。
2.HTML文档中的每个成分都是一个节点。
        (1)整个文档是一个文档节点
        (2)每个HTML标签是一个元素节点
        (3)包含在HTML元素中的文本是文本节点
        (4)每一个HTML属性是一个属性节点
        (5)注释属于注释节点
3.树起始于文档节点，并由此继续伸出枝条，直到处于这棵树最低级别的所有文本节点为止。

4.DOM(Document Object Model):文档对象模型可以干什么?
       (1)获取一个元素

       (2)移除一个元素
       (3)创建一个元素
       (4)向页面里面添加一个元素
       (5)给元素绑定一些事件
       (6)获取元素的属性
       (7)给元素添加一些css样式

     DOM的核心对象就是document对象
     document对象是浏览器内置对象的一个对象，里面存储着专门用来操作元素的各种方法

5.标签名：

appendchid() : 向一个标签中添加子标签(子元素) 

removechild() : 移除子元素

remove) : 将所有子元素清除，包含元素本身