JS的课堂笔记

ゝ一世哀愁。 2023-10-07 19:56 4阅读 0赞

一.对象

1.正则表达式对象

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

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

<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) : 将所有子元素清除，包含元素本身