js学习

bom、cookie、正则表达式

  1. document.writer()如果你把它放在一个事件来用,它会先把页面上所有的东西都会清空,然后在把页面上的东西写进去。

  2. 常用属性:window.navigator.userAgent---当前浏览器的信息,判断浏览器类型

    window.location------当前网页的地址。还可以赋值。等于open设置为self

     

  3. 可视区尺寸

    • document.documentElement.clientWidth

    • document.documentElement.clientHeight

  4. 滚动距离

    • document.bodyscrollTop

    • document.documentElement.scrollTop

  5. confirm().弹出框,与alert()不同,它有确定,有取消。

    confirm()有返回值,可以让用户确定删除哪个;

  6. prompt()弹出框有默认值。

 

二、cookie

特性:同一个网站(同一个域名)共享一套cookie;

大小有限

过期时间

  1. document.cookie

  2. cookie其实就是添加。

  3. 如果不设置到期时间的话,那cookie会在浏览器关闭之后删除。

  4. setDate()设置的是内部时间

    Cookie的使用

    1,设置Cookie

    格式:名字=值

    不会过期

    过期时间:expires=时间

    日期对象的使用

    封装函数

    2,读取cookie

    字符串分割

    3,删除cookie

    已经过期

 

3.正则

js不管什么功能都是通过一个对象来实现的。

正则就是规则,规则就是用字符串来描述的,----RegExp('a');

  1. 字符串操作

    • search 查找

    • substring 获取子字符串

    • charAt 获取某个字符

    • split 分割字符串,获得数组

  2. 找出字符串中所有数字

    • 用传统字符串操作完成

    • 用正则表达式完成

  3. 正则:规则、模式。

    • 强大的字符串匹配工具。

    • RegExp对象

      • JS风格:new RegExp('a','i');------i就是可以忽略大小写。

      • perl风格:/a/i

    • 转义(表示数字,即第一个数字出现的位置)----d

    • match 把所有匹配的东西,全部提取出来。

    • var re=/d/g;------g表示找到去全部的数字。

    • var re=/d+/g;-----+表示若干(多少都可以);+是量词

    • replace替换---必须的配合正则才能发挥最大的作用;----敏感词过滤

    • 元字符(方括号)----------[abc]任选一个即可

      也可以取范围[0~9]

      排除[ ^ a~z ]

    • 实例:偷小说

      采集--从别人的网站扒过来

      过滤HTML标签

      自定义innerText方法

    • 任意字符.

      <除了<>以外的字符>---------

    • 正则天生具备一种特性--贪婪(就是它会尽可能去匹配尽可能长的字符串,越长越好)

    转义:

d------数字-----[0-9]

w------英文、数字、下划线----[a-z 0-9 _]

s--------空白字符

D-----[ ^除了 0-9]

W----[ ^除了a-z 0-9 _]

S----非空白字符

量词:

{n}-----正好出现n次---电话规则[1-9]d{7}

{n,m}----最少n次,最大m次----qq号规则[1-9]d{4,10}

{n, }------最少n次,最大无限次----相当于+号{1, }

?---相当于{0,1}表示可有可无

()就是分组

固定电话 010 27563265 86(分机号)

010-27563265-86------规则:(0d{2,3}-)?[1-9]d{7}(-d{1,5})

邮箱校验

 

test有个特性,就是只要字符串其中的一部分符合要求 :true

^ 出现在[ ]外边就是行首(字符串开头)

$ 行尾(字符串)-----

标准校验邮箱代码:

 

 

 

 

 

原文地址:https://www.cnblogs.com/dys6/p/11303753.html