1.9日总结
1 正则表达式
1.1 通配符
匹配符 | 说明 |
---|---|
\b | 匹配单词边界 |
\d | 匹配单个数字字符[0-9] |
\f | 匹配单个换页符 |
\n | 匹配单个换行符 |
\r | 匹配单个回车符 |
\s | 匹配任何空白符,包括空格、制表符、换页符等[\f\n\r\t\v] |
\t | 匹配单个制表符 |
\v | 匹配单个垂直制表符 |
\w | 匹配包含下划线的任意单词字符[0-9a-zA-Z_] |
匹配符 | 说明 |
---|---|
^、* | 匹配字符串的开始和结束位置 |
* | 匹配前面的子表达式0-多次 |
+ | |
? | |
{} | |
1.2 正则对象
1.2.1创建对象
使用正则标识字符串
var reg =/pattern/[flags]
使用内置正则表达式对象
var reg = new RegExp("pattern", ["flags"])
1.2.2 常用函数
-
compile()
把正则表达式编译为内部格式,从而执行更快使用新正则去替换旧正则,主要用于提升比较复杂和耗时的处理过程的性能,一般情况下很少使用。
-
exec()
用正则表达式在字符串中查找,并返回包含结果的一个数组。不仅用于判断给定的字符串是否匹配,而且会返回匹配结果的详细信息。
-
test()
返回一个bool值,它指出被查找的字符串是否匹配给定的模式。使用频繁,主要用于匹配测试。匹配成功返回true,否则返回false。
3 表单验证
3.1 原生(H5)验证
3.2正则验证
4 BOM对象
4.1 BOM概念
BOM,全名为 Browser Object Model,翻译过来为浏览器对象模型。
4.2 BOM组成
总的来说,BOM对象大致包含五个部分:
Window对象:浏览器窗口对象
Navigator:浏览器对象
Screen:浏览器所处客户端的显示器屏幕对象
History:浏览器当前窗口的访问历史记录对象
Location:浏览器当前窗口的地址栏对象
4.3 Window 对象
4.3.1 使用(调用)方式
不同于一般的对象,BOM中的Window对象不需要创建就可以直接使用,使用其中的方法直接调用即可
window.方法名()
4.3.2 Window对象方法
window对象中,大致有三个方法为带弹出框的,其方法名和大致用法为:
alert() | 显示带有一段消息和一个确认按钮的警告框。 |
---|---|
confirm() | 显示带有一段消息以及确认按钮和取消按钮的对话框。 |
prompt() | 显示可提示用户输入的对话框。 |
4.3.3 开启窗口、关闭窗口
window.open
window.close
4.3.4 定时器
方法 | 用法 |
---|---|
setTimeout() | 在指定的毫秒数后调用函数或计算表达式(一次)。 |
clearTimeout() | 取消由setTimeout()方法设置的时间。 |
setlnterval() | 按照指定的周期(以毫秒计)来调用函数或计算表达式(多次) |
clearTimeout() | 取消由setTimeout()方法设置的时间。 |
4.3.4 Window对象的属性
属性名 | 描述 | 通过window对象获取方法 |
---|---|---|
history | 对History对象的只读引用。 | window.history |
location | 对Location对象的只读引用。 | window.location |
navigator | 对Navigator对象的只读引用。 | window.navigator |
screen | 对Screen对象的只读引用。 | window.screen |
4.3.5 location对象
属性 | 描述 |
---|---|
assign() | 加载新的文档。 |
reload() | 重新加载当前文档。 |
replace() | 用新的文档替换当前文档。 |
4.3.6 Location属性
属性 | 描述 |
---|---|
hash | 设置或返回从井号 (#) 开始的 URL(锚)。 |
host | 设置或返回主机名和当前 URL 的端口号。 |
hostname | 设置或返回当前 URL 的主机名。 |
href | 设置或返回完整的 URL。 |