javascript的一些简单知识

一、正则表达式

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 事件会在窗口或框架被调整大小时发生。
    • 举例:侧边栏广告,回到顶部按钮
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值