文章目录
一、正则表达式
1、基础
- 字符串操作
- search 查找
- substring 获取字子符串
*charAt 获取某个字符- split 分割中字符串,获得数组
- 什么是正则
- 规则、模式
- 强大的字符串匹配工具
- 是一种正常人很难读懂的文字
- RegExp对象
- js风格——new RegExp(“a”,“i”)
- perl风格——/a/i/
2、字符串与正则配合的一些方法
search
- 字符串搜索
- 返回出现的位置
- 忽略大小写:i——ignore
- 判断浏览器类型
match
- 获取匹配的项目
- 量词:+
- 量词变化:\d、\d\d\ 、\d+
- 全局匹配:g——global
replace
- 替换所有匹配
- 返回替换后的字符串
- 例子:敏感词过滤
3、字符串
1、任意字符
例如:[abc]
2、范围
例如:[a-z] 、 [0-9]
3、排除
[^a]
4、组合
例如:[a-z0-9A-Z]
5、转义字符
二、cookie基础及应用
1、什么是cookie
cookie:页面用来保存信息的工具 ,例如保存登录,记住用户名 等
2、cookie的特性
1、在同一个网站内,所有页面共享一套cookie
2、数量小,大小有着限制
3、过期时间取决于cookie设置的时间
3、js使用cookie的方法
document.cookie
4、cookie的使用
- 设置cookie
- 格式:名字=值
- 不会被覆盖
- 过期时间:expires=时间
- 封装函数
- 读取cookie
- 字符串分割·
- 删除cookie
- 已将过期
- 举例:记录用户名登录注册
三、BOM的应用
1、常用属性
window.navigator.userAgent —— userAgent 属性是一个只读的字符串,声明了浏览器用于 HTTP 请求的用户代理头的值。
实例:
<script>
document.write("用户代理: " + navigator.userAgent);
</script>
window.location ——用于获得当前页面的地址 (URL),并把浏览器重定向到新的页面。
常应用于
- location.hostname 返回 web 主机的域名
- location.pathname 返回当前页面的路径和文件名
- location.port 返回 web 主机的端口 (80 或 443)
- location.protocol 返回所使用的 web 协议(http: 或 https:)
实例:
<script>
document.write(location.href);
</script>
2、窗口尺寸,工作区尺寸
- 可视区尺寸
- document.documentElement.clientWidth
- document.documentElement.clientHeight
- 滚动距离
- document.body.scrollTop
- document.documentElement.scrollTop
3、常用的方法和事件
- 系统对话框
- 警告框:alert(内容) 无返回值
- 搜索框:confirm(提问的内容) 返回boolean
- 输入框:prompt(),返回字符串或null
- window对象常用方法
- onload
- onload 事件会在页面或图像加载完成后立即发生。
- onload 通常用于 元素,在页面完全载入后(包括图片、css文件等等。)执行脚本代码。
- onscroll
- 事件在元素滚动条在滚动时触发。
- onresize
- onresize 事件会在窗口或框架被调整大小时发生。
- 举例:侧边栏广告,回到顶部按钮