javascript正则表达式判断文件夹名称是否有误_javascript

这篇博客详细介绍了JavaScript的基本数据类型、类型转换、函数、正则表达式以及DOM操作。包括如何创建和使用函数,正则表达式的各种匹配规则,以及如何通过DOM API获取和修改网页元素。此外,还提到了BOM中的Window对象及其常用方法,如弹出框、定时器等。
摘要由CSDN通过智能技术生成

原始数据类型(基本数据类型):

1. number:数字。 整数/小数/NaN(not a number 一个不是数字的数字类型)

2. string:字符串。 字符串 "abc" "a" 'abc'

3. boolean: true和false

4. null:一个对象为空的占位符

5. undefined:未定义。如果一个变量没有给初始化值,则会被默认赋值为undefined

注释

1. 单行注释://注释内容

2. 多行注释:/*注释内容*/

typeof运算符:获取变量的类型。

* 注:null运算后得到的是object

其他类型转number

* string转number:按照字面值转换。如果字面值不是数字,则转为NaN(不是数字的数字)

* boolean转number:true转为1,false转为0

==和===

1. 类型相同:直接比较

* 字符串:按照字典顺序比较。按位逐一比较,直到得出大小为止。

2. 类型不同:先进行类型转换,再比较

* ===:全等于。在比较之前,先判断类型,如果类型不一样,则直接返回false

Function对象:

	function 方法名称(形式参数列表){
								方法体
							}
	 
	var 方法名 = function(形式参数列表){
		方法体
	}

属性 length :代表形参的个数

在方法声明中有一个隐藏的内置对象(数组)arguments,封装所有的实际参数

RegExp:正则表达式对象

1. 正则表达式:定义字符串的组成规则。

1. 单个字符:[]

如: [a] [ab] [a-zA-Z0-9_]

* 特殊符号代表特殊含义的单个字符:

d:单个数字字符 [0-9]

w:单个单词字符[a-zA-Z0-9_]

2. 量词符号:

?:表示出现0次或1次

*:表示出现0次或多次

+:出现1次或多次

{m,n}:表示 m<= 数量 <= n

* m如果缺省: {,n}:最多n次

* n如果缺省:{m,} 最少m次

3. 开始结束符号

* ^:开始

* $:结束

2. 正则对象:

1. 创建

		1. var reg = new RegExp("正则表达式");
		2. var reg = /正则表达式/;

2. 方法

		1. test(参数):验证指定的字符串是否符合正则定义的规范

Global对象

1. 特点:全局对象,这个Global中封装的方法不需要对象就可以直接调用。 方法名();

2. 方法:

	encodeURI():url编码
	decodeURI():url解码

	encodeURIComponent():url编码,编码的字符更多
	decodeURIComponent():url解码

	parseInt():将字符串转为数字
		* 逐一判断每一个字符是否是数字,直到不是数字为止,将前边数字部分转为number
	isNaN():判断一个值是否是NaN
		* NaN六亲不认,连自己都不认。NaN参与的==比较全部问false
	eval():将 JavaScript 字符串,并把它作为脚本代码来执行。

Array:数组对象

创建:

1. var arr = new Array(元素列表);

2. var arr = new Array(默认长度);

3. var arr = [元素列表];

方法

join(参数):将数组中的元素按照指定的分隔符拼接为字符串

push() 向数组的末尾添加一个或更多元素,并返回新的长度。

unshift() 向数组的头部添加元素

pop() 数组尾部删除元素

属性

length:数组的长度

特点:

1. JS中,数组元素的类型可变的。

2. JS中,数组长度可变的。

下面图片是数组里面存json

f791d8827a6168271ae14f7bf0ae42a3.png

Date:日期对象

创建:

var date = new Date();

方法:

toLocaleString():返回当前date对象对应的时间本地字符串格式

getTime():获取毫秒值。返回当前如期对象描述的时间到1970年1月1日零点的毫秒值差

BOM: Browser Object Model 浏览器对象模型

Window:窗口对象

1. 创建

2. 方法

1. 与弹出框有关的方法:

		alert()	显示带有一段消息和一个确认按钮的警告框。
		confirm()	显示带有一段消息以及确认按钮和取消按钮的对话框。
			* 如果用户点击确定按钮,则方法返回true
			* 如果用户点击取消按钮,则方法返回false
		prompt()	显示可提示用户输入的对话框。
			* 返回值:获取用户输入的值

2. 与打开关闭有关的方法:

		close()	关闭浏览器窗口。
			* 谁调用我 ,我关谁
		open()	打开一个新的浏览器窗口
			* 返回新的Window对象

3. 与定时器有关的方式

		setTimeout()	在指定的毫秒数后调用函数或计算表达式。
			* 参数:
				1. js代码或者方法对象
				2. 毫秒值
			* 返回值:唯一标识,用于取消定时器
		clearTimeout()	取消由 setTimeout() 方法设置的 timeout。
		setInterval()	按照指定的周期(以毫秒计)来调用函数或计算表达式。
		clearInterval()	取消由 setInterval() 设置的 timeout。

3. 属性:

1. 获取其他BOM对象:

history

location

Navigator

Screen:

2. 获取DOM对象

document

4. 特点

* Window对象不需要创建可以直接使用 window使用。 window.方法名();

* window引用可以省略。 方法名();

DOM:Document Object Model 文档对象模型

Document:文档对象

1. 创建(获取):在html dom模型中可以使用window对象来获取

1. window.document

2. document

2. 方法:

1. 获取Element对象:

		1. getElementById()	: 根据id属性值获取元素对象。id属性值一般唯一
		2. getElementsByTagName():根据元素名称获取元素对象们。返回值是一个数组
		3. getElementsByClassName():根据Class属性值获取元素对象们。返回值是一个数组
		4. getElementsByName(): 根据name属性值获取元素对象们。返回值是一个数组

2. 创建其他DOM对象:

		createAttribute(name)

Element:元素对象

1. 获取/创建:通过document来获取和创建

2. 方法:

	1. removeAttribute():删除属性
	2. setAttribute():设置属性

Node:节点对象,其他5个的父对象

* 特点:所有dom对象都可以被认为是一个节点

* 方法:

* CRUD dom树:

		* appendChild():向节点的子节点列表的结尾添加新的子节点。
		* removeChild()	:删除(并返回)当前节点的指定子节点。
		* replaceChild():用新节点替换一个子节点。

* 属性:

	* parentNode 返回节点的父节点。

常见的事件:

1. 点击事件:

	1. onclick:单击事件
	2. ondblclick:双击事件

2. 焦点事件

	1. onblur:失去焦点
	2. onfocus:元素获得焦点。

3. 加载事件:

	1. onload:一张页面或一幅图像完成加载。

4. 鼠标事件:

	1. onmousedown	鼠标按钮被按下。
	2. onmouseup	鼠标按键被松开。
	3. onmousemove	鼠标被移动。
	4. onmouseover	鼠标移到某元素之上。
	5. onmouseout	鼠标从某元素移开。

5. 键盘事件:

	1. onkeydown	某个键盘按键被按下。	
	2. onkeyup		某个键盘按键被松开。
	3. onkeypress	某个键盘按键被按下并松开。

6. 选择和改变

	1. onchange	域的内容被改变。
	2. onselect	文本被选中。

7. 表单事件:

	1. onsubmit	确认按钮被点击。
	2. onreset	重置按钮被点击。
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值