JavaScript基础语法，对象，正则表达式
一.JavaScript基础语法
1.基础语法
2.函数
3.常见对话框
4.html引入js文件
二.JavaScript对象
1.prototype属性扩展类的属性和方法，以及实现类的继承
2.内置对象
3.document对象
4.window对象
三.正则表达式
一.JavaScript基础语法
1..基础语法
注释：// or /**/
弱类型变量
显式声明：var usename=”blabla”;
var age=20;
隐式声明：不使用var关键字，直接给变量赋值(默认为全局变量，即使位于函数中也是全局变量)
sName="myname";
undefined 和 null 的 区分
空值：null var x=null;
未定义值：undefined var x;
- undefined是null派生来的，alert（null==undefined); //输出true
- typeof undefined返回的是字符串，if（typeof undefined ==“undefined”） //true
- typeof null 返回的也是字符串，但是 是“object” if(typeof null=="object") //true
命名规范：
Camel命名法：首字母小写，接下来每个单词的首字母大写 var firstName="myname";
（命名函数）
匈牙利类型命名法：在变量前加一个字母说明变量类型 var sName="myname";
（命名变量）
运算符：
==等于：只根据表面值判断，不涉及数据类型“17”==17 返回true
===绝对等于：表面值和数据类型同时判断：“17”=17 返回false
！=不等于
！==不绝对等于
字符串运算符：+
数据类型转换函数：String（），Number（），Boolean（）
var x=3;
alert(String(3)+123); //3123
var y="1234";
alert(Number(y));
var z=0;
var k=1;
alert(Boolean(z));alert(Boolean(k));
parseInt("",进制[默认十进制])
parseFloat()
eval()
var y=parseInt("1234");//将字符串转换成数字
var z=parseFloat("123");//同上，将字符串转换为浮点数
alert(y);
alert(z);
var str="5+4";
var b=eval(str);//转换成数字并计算
alert(b);
var k=b+eval(prompt("请输入数字："));
alert(k);
b.函数function（）
1.function本质：name/value
如：
function firstName（）
{
alert（“have a good day！”）;
}
alert(firstName)；
输出结果：
function firstName（）
{
alert（
“have a good day！”）;
}
函数调用：
在事件响应中调用函数：
<input type="submit" name="Submit" value="显示" onClick=“函数名（）”>
通过链接调用函数：
<a href="JavaScript : 函数名( );">显示的文字</a>
函数定义：
function 函数名（参数列表）{}
2.使用function（）伪装一个类：
function Car(color,size)
{
this.color=color;
this.size=size;
this.run=run;
this.voice=voice;
}
function run()
{
return "I can run!";
}
function voice()
{
return "I can voice!";
}
var myCar = new Car("red","middle");
alert(myCar.color);
alert(myCar.run());
alert(myCar.voice());
3.用arguments参数重载
function firstLove（）
{
if（argunments.length==0）
{
alert("没有参数");
}
else if(arguments==1)
{
alert("一个参数");
}
else
{
alert("多个参数！")
}
firstLove();
firstLove(1);
firstLove(1,2,3);
}
4.匿名函数变量
var greetings=function()// 定义匿名函数
{
message="hello!";
return message;
}
var k=greetings(); //函数调用greetings()；
document.writeln(k);
var kkk=greetings; //将greetings引用赋值给另一个变量
var y=kkk();
document.writeln(y);
5.闭包：在一个函数里定义一个匿名函数，并返回匿名函数的引用（闭包可以让变量存活更久）
function myName(a,b)
{
var x1=a;
var x2=b;
var show=function() //定义匿名函数
{
document.writeln(a);
document.writeln(b);
}
return show; //返回匿名函数的引用
}
var one=myName(1,2); //one ,two 都是show的引用
var two=myName(3,4);
one(); //调用匿名函数
two();
c.常见对话框
alert（"x"）;弹出一个警告x
prompt("what is your name？","name");补足信息,name为初始值 ，文本框的内容就是返回值，否则返回null
confirm（“Are you sure?”）;确认对话框，返回true false
d.html引入js文件
内嵌
<script>
</script>
外部引入：
<script src=" 文件路径" type="text/javascript"></script>
二.JavaScript对象
创建对象的三种方式
1. var obj = {}; //推荐 ：简洁，效率高
2. var obj1 = new Object(); //涉及到原型的问题
3. var obj2 = Object.create();
1.使用prototype扩展类的属性和方法：
//使用function（）伪装一个类
function Car(color,size)
{
this.color=color;
this.size=size;
this.run=run;
this.voice=voice;
}
function run()
{
return "I can run!";
}
function voice()
{
return "I can voice!";
}
var myCar = new Car("red","middle");
var myCar2=new Car("white","small");
alert(myCar.color);
alert(myCar.run());
alert(myCar.voice());
Car.prototype.mode=1000;
Car.prototype.kill=function kill()
{
alert("I can Kill!");
}
alert(myCar.mode);
alert(myCar2.mode);
myCar.kill();
myCar2.kill();
使用prototype实现类的继承
2.内置对象
1.字符串对象
创建字符串对象：
var mystring = "it is a new day":
var mystring = new string("it is a new day");
字符串常用属性：
mystring.length 返回字符串的长度
字符串常用方法:
toUpperCase();转换为大写
toLowerCase();转换为小写
2.数学对象
创建数学对象：
Math.[{property | method}]
property:属性名
method：方法名
Math.E;
Math.abs(-3);
向上取整，向下取整
ceil（）向上取整 5.01取整为6
floor（）向下取整 6.99取整为6
round（）小数部分大于等于0.5时向上取整，否则向下取整
生成随机数：Math对象的random（）返回一个0~1的小树
for(var i=0;i<10;i++)
document.write(Math.random(),"<br>");
for(var i=0;i<10;i++)
document.write(Math.floor(Math.random()*10),"<br>");
3.日期对象（必须使用 new 语句）
创建日期对象：
当前时间：var mydate = new Date（）；
设置时间 var mydate = new Date（"2018/3/15"）;
设置详细时间： var mydate = new Date("2017,3,15,16,16,16");
距离1970年1月1日0分0秒n毫秒的时间 var mydate = new Date（n）；
常用方法：
setXxx：设置时间和日期值
getXxx：获取时间和日期值
toXxx：转换成指定格式
Date 对象方法
| 方法 | 描述 |
|---|---|
| getDate() | 从 Date 对象返回一个月中的某一天 (1 ~ 31)。 |
| getDay() | 从 Date 对象返回一周中的某一天 (0 ~ 6)。 |
| getFullYear() | 从 Date 对象以四位数字返回年份。 |
| getHours() | 返回 Date 对象的小时 (0 ~ 23)。 |
| getMilliseconds() | 返回 Date 对象的毫秒(0 ~ 999)。 |
| getMinutes() | 返回 Date 对象的分钟 (0 ~ 59)。 |
| getMonth() | 从 Date 对象返回月份 (0 ~ 11)。 |
| getSeconds() | 返回 Date 对象的秒数 (0 ~ 59)。 |
| getTime() | 返回 1970 年 1 月 1 日至今的毫秒数。 |
| getTimezoneOffset() | 返回本地时间与格林威治标准时间 (GMT) 的分钟差。 |
| getUTCDate() | 根据世界时从 Date 对象返回月中的一天 (1 ~ 31)。 |
| getUTCDay() | 根据世界时从 Date 对象返回周中的一天 (0 ~ 6)。 |
| getUTCFullYear() | 根据世界时从 Date 对象返回四位数的年份。 |
| getUTCHours() | 根据世界时返回 Date 对象的小时 (0 ~ 23)。 |
| getUTCMilliseconds() | 根据世界时返回 Date 对象的毫秒(0 ~ 999)。 |
| getUTCMinutes() | 根据世界时返回 Date 对象的分钟 (0 ~ 59)。 |
| getUTCMonth() | 根据世界时从 Date 对象返回月份 (0 ~ 11)。 |
| getUTCSeconds() | 根据世界时返回 Date 对象的秒钟 (0 ~ 59)。 |
| getYear() | 已废弃。 请使用 getFullYear() 方法代替。 |
| parse() | 返回1970年1月1日午夜到指定日期（字符串）的毫秒数。 |
| setDate() | 设置 Date 对象中月的某一天 (1 ~ 31)。 |
| setFullYear() | 设置 Date 对象中的年份（四位数字）。 |
| setHours() | 设置 Date 对象中的小时 (0 ~ 23)。 |
| setMilliseconds() | 设置 Date 对象中的毫秒 (0 ~ 999)。 |
| setMinutes() | 设置 Date 对象中的分钟 (0 ~ 59)。 |
| setMonth() | 设置 Date 对象中月份 (0 ~ 11)。 |
| setSeconds() | 设置 Date 对象中的秒钟 (0 ~ 59)。 |
| setTime() | setTime() 方法以毫秒设置 Date 对象。 |
| setUTCDate() | 根据世界时设置 Date 对象中月份的一天 (1 ~ 31)。 |
| setUTCFullYear() | 根据世界时设置 Date 对象中的年份（四位数字）。 |
| setUTCHours() | 根据世界时设置 Date 对象中的小时 (0 ~ 23)。 |
| setUTCMilliseconds() | 根据世界时设置 Date 对象中的毫秒 (0 ~ 999)。 |
| setUTCMinutes() | 根据世界时设置 Date 对象中的分钟 (0 ~ 59)。 |
| setUTCMonth() | 根据世界时设置 Date 对象中的月份 (0 ~ 11)。 |
| setUTCSeconds() | setUTCSeconds() 方法用于根据世界时 (UTC) 设置指定时间的秒字段。 |
| setYear() | 已废弃。请使用 setFullYear() 方法代替。 |
| toDateString() | 把 Date 对象的日期部分转换为字符串。 |
| toGMTString() | 已废弃。请使用 toUTCString() 方法代替。 |
| toISOString() | 使用 ISO 标准返回字符串的日期格式。 |
| toJSON() | 以 JSON 数据格式返回日期字符串。 |
| toLocaleDateString() | 根据本地时间格式，把 Date 对象的日期部分转换为字符串。 |
| toLocaleTimeString() | 根据本地时间格式，把 Date 对象的时间部分转换为字符串。 |
| toLocaleString() | 据本地时间格式，把 Date 对象转换为字符串。 |
| toString() | 把 Date 对象转换为字符串。 |
| toTimeString() | 把 Date 对象的时间部分转换为字符串。 |
| toUTCString() | 根据世界时，把 Date 对象转换为字符串。 |
| UTC() | 根据世界时返回 1970 年 1 月 1 日 到指定日期的毫秒数。 |
| valueOf() | 返回 Date 对象的原始值。 |
日期间的运算
日期对象与整数年，月，日相加
date.setDate(date.getDate()+value); // 增加天
date.setMonth(date.getMonth()+value);// 增加月
date.setFullyear(date.getFullyear()+value); // 增加年
日期相减
两个日期对象相减会返回两个日期之间的毫秒数，之后再进行转换
4.数组对象
创建数组对象
var myArray = new Array（6）；
var myArray = new Array（1,2,3,4,5）；
属性
myArray.length;
Array 对象方法
| 方法 | 描述 |
|---|---|
| concat() | 连接两个或更多的数组，并返回结果。myarr3=myarr3.concat(arr1,arr2) |
| copyWithin() | 从数组的指定位置拷贝元素到数组的另一个指定位置中。 |
| entries() | 返回数组的可迭代对象。 |
| every() | 检测数值元素的每个元素是否都符合条件。 |
| fill() | 使用一个固定值来填充数组。 |
| filter() | 检测数值元素，并返回符合条件所有元素的数组。 |
| find() | 返回符合传入测试（函数）条件的数组元素。 |
| findIndex() | 返回符合传入测试（函数）条件的数组元素索引。 |
| forEach() | 数组每个元素都执行一次回调函数。 |
| from() | 通过给定的对象中创建一个数组。 |
| includes() | 判断一个数组是否包含一个指定的值。 |
| indexOf() | 搜索数组中的元素，并返回它所在的位置。 |
| isArray() | 判断对象是否为数组。 |
| join() | 把数组的所有元素放入一个字符串。 |
| keys() | 返回数组的可迭代对象，包含原始数组的键(key)。 |
| lastIndexOf() | 返回一个指定的字符串值最后出现的位置，在一个字符串中的指定位置从后向前搜索。 |
| map() | 通过指定函数处理数组的每个元素，并返回处理后的数组。 |
| pop() | 删除数组的最后一个元素并返回删除的元素。 |
| push() | 向数组的末尾添加一个或更多元素，并返回新的长度。myarr3.push('a','b,'c'); |
| reduce() | 将数组元素计算为一个值（从左到右）。 |
| reduceRight() | 将数组元素计算为一个值（从右到左）。 |
| reverse() | 反转数组的元素顺序。 |
| shift() | 删除并返回数组的第一个元素。 |
| slice(位置，元素个数) | 选取数组的的一部分，并返回一个新数组。arr.slice(2,3);在第二个位置删除3个数组元素 |
| some() | 检测数组元素中是否有元素符合指定条件。 |
| sort() | 对数组的元素进行排序。默认按ASCII码字符升序排列。 |
| splice() | 从数组中添加或删除元素。 |
| toString() | 把数组转换为字符串，并返回结果。 |
| unshift() | 向数组的开头添加一个或更多元素，并返回新的长度。 |
| valueOf() | 返回数组对象的原始值。 |
Array 对象方法
| 方法 | 描述 |
|---|---|
| concat() | 连接两个或更多的数组，并返回结果。myarr3=myarr3.concat(arr1,arr2) |
| copyWithin() | 从数组的指定位置拷贝元素到数组的另一个指定位置中。 |
| entries() | 返回数组的可迭代对象。 |
| every() | 检测数值元素的每个元素是否都符合条件。 |
| fill() | 使用一个固定值来填充数组。 |
| filter() | 检测数值元素，并返回符合条件所有元素的数组。 |
| find() | 返回符合传入测试（函数）条件的数组元素。 |
| findIndex() | 返回符合传入测试（函数）条件的数组元素索引。 |
| forEach() | 数组每个元素都执行一次回调函数。 |
| from() | 通过给定的对象中创建一个数组。 |
| includes() | 判断一个数组是否包含一个指定的值。 |
| indexOf() | 搜索数组中的元素，并返回它所在的位置。 |
| isArray() | 判断对象是否为数组。 |
| join() | 把数组的所有元素放入一个字符串。 |
| keys() | 返回数组的可迭代对象，包含原始数组的键(key)。 |
| lastIndexOf() | 返回一个指定的字符串值最后出现的位置，在一个字符串中的指定位置从后向前搜索。 |
| map() | 通过指定函数处理数组的每个元素，并返回处理后的数组。 |
| pop() | 删除数组的最后一个元素并返回删除的元素。 |
| push() | 向数组的末尾添加一个或更多元素，并返回新的长度。myarr3.push('a','b,'c'); |
| reduce() | 将数组元素计算为一个值（从左到右）。 |
| reduceRight() | 将数组元素计算为一个值（从右到左）。 |
| reverse() | 反转数组的元素顺序。 |
| shift() | 删除并返回数组的第一个元素。 |
| slice(位置，元素个数) | 选取数组的的一部分，并返回一个新数组。arr.slice(2,3);在第二个位置删除3个数组元素 |
| some() | 检测数组元素中是否有元素符合指定条件。 |
| sort() | 对数组的元素进行排序。默认按ASCII码字符升序排列。 |
| splice() | 从数组中添加或删除元素。 |
| toString() | 把数组转换为字符串，并返回结果。 |
| unshift() | 向数组的开头添加一个或更多元素，并返回新的长度。 |
| valueOf() | 返回数组对象的原始值。 |
3.document对象
文档（document）对象代表浏览器窗口中的文档。
作用：可以访问HTML文档中包含的任何HTML标记并可以动态的改变HTML标记中的内容：表单，图像，表格，超链接等
1.document对象方法
| close() | 关闭open()方法打开的文档 |
| open() | 产生一个新文档，并清除已有文档的内容 |
| write ( “ 输出内容 ” ) | 输出文本到当前打开的文档 |
| writeln() | 加一个换行符 |
| document.createElemet(Tag) | 创建一个HTML标签对象 |
| document.getElementById(ID) | 获得指定ID值的对象 |
| document.getElementByName(Name) | 获得指定Name值的对象 |
2.document对象属性
document.title //设置文档标题等价于HTML的title标签
document.bgColor //设置页面背景色
document.fgColor //设置前景色(文本颜色)
document.linkColor //未点击过的链接颜色document.alinkColor //激活链接(焦点在此链接上)的颜色
document.vlinkColor //已点击过的链接颜色
document.URL //获取当前页面的URl值document.fileCreatedDate //文件建立日期，只读属性
document.fileModifiedDate //文件修改日期，只读属性
document.charset //设置字符集 简体中文:gb2312
document.fileSize //文件大小，只读属性
document.cookie //设置和读出cookie
obj.readyState;//获取文档中每个对象的当前状态eg：document.readyState | title.readyState
状态值：loading正在载入数据
loaded载入数据完毕
interactive 用户可以和该对象进行交互，不管对象是否加载完毕
complete 对象初始化完毕
3.document对象常用事件
document.body.onclick=”func()” //鼠标指针单击对象是触发
document.body.onmouseover=”func()” //鼠标指针移到对象时触发
document.body.onmouseout=”func()” //鼠标指针移出对象时触发
4.document对象的集合
images集合：网页中的图像<body>
<img name=mypicture >
<script>
var mypicture=new Image();
document.images.mypicture.src="图片路径"；
</script>
4.window对象
window对象表示浏览器中打开的窗口。
Window 对象属性
| 属性 | 描述 |
|---|---|
| closed | 返回窗口是否已被关闭。 |
| defaultStatus | 设置或返回窗口状态栏中的默认文本。 |
| document | 对 Document 对象的只读引用。(请参阅对象) |
| frames | 返回窗口中所有命名的框架。该集合是 Window 对象的数组，每个 Window 对象在窗口中含有一个框架。 |
| history | 对 History 对象的只读引用。请参数 History 对象。 |
| innerHeight | 返回窗口的文档显示区的高度。 |
| innerWidth | 返回窗口的文档显示区的宽度。 |
| localStorage | 在浏览器中存储 key/value 对。没有过期时间。 |
| length | 设置或返回窗口中的框架数量。 |
| location | 用于窗口或框架的 Location 对象。请参阅 Location 对象。 |
| name | 设置或返回窗口的名称。 |
| navigator | 对 Navigator 对象的只读引用。请参数 Navigator 对象。 |
| opener | 返回对创建此窗口的窗口的引用。 |
| outerHeight | 返回窗口的外部高度，包含工具条与滚动条。 |
| outerWidth | 返回窗口的外部宽度，包含工具条与滚动条。 |
| pageXOffset | 设置或返回当前页面相对于窗口显示区左上角的 X 位置。 |
| pageYOffset | 设置或返回当前页面相对于窗口显示区左上角的 Y 位置。 |
| parent | 返回父窗口。 |
| screen | 对 Screen 对象的只读引用。请参数 Screen 对象。 |
| screenLeft | 返回相对于屏幕窗口的x坐标 |
| screenTop | 返回相对于屏幕窗口的y坐标 |
| screenX | 返回相对于屏幕窗口的x坐标 |
| sessionStorage | 在浏览器中存储 key/value 对。 在关闭窗口或标签页之后将会删除这些数据。 |
| screenY | 返回相对于屏幕窗口的y坐标 |
| self | 返回对当前窗口的引用。等价于 Window 属性。 |
| status | 设置窗口状态栏的文本。 |
| top | 返回最顶层的父窗口。 |
Window 对象方法
| 方法 | 描述 |
|---|---|
| alert() | 显示带有一段消息和一个确认按钮的警告框。 |
| blur() | 把键盘焦点从顶层窗口移开。 |
| clearInterval() | 取消由 setInterval() 设置的 timeout。 |
| clearTimeout() | 取消由 setTimeout() 方法设置的 timeout。 |
| close() | 关闭浏览器窗口。 |
| confirm(question) | 显示带有一段消息以及确认按钮和取消按钮的对话框。返回布尔值true or false |
| createPopup() | 创建一个 pop-up 窗口。 |
| focus() | 把键盘焦点给予一个窗口。 |
| moveBy() | 可相对窗口的当前坐标把它移动指定的像素。 |
| moveTo(x，y) | 把窗口的左上角移动到一个指定的坐标。 |
| open() | 打开一个新的浏览器窗口或查找一个已命名的窗口。 open（<URL字符串>，<窗口名称字符串>,<参数字符串>） URL字符串：指定要打开的网页的URL地址 窗口名称字符串：指定被打开新窗口的名称 参数字符串：width=400 窗口的宽度 height=300 窗口的高度 scrollbars=yes|no 窗口是否有滚动条 。。。 |
| print() | 打印当前窗口的内容。 |
| prompt() | 包含“确认”和“取消”按钮，和一个文本框的对话框 |
| resizeBy（x，y） |
按照指定的像素调整窗口的大小。 |
| resizeTo(x，y) | 把窗口的大小调整到指定的宽度和高度。 |
| scroll(x，y) | 左上角坐标（0,0）x，y相对于左上角坐标滚动 |
| scrollBy(x，y) | |
| scrollTo(x，y) | |
| setInterval() | 按照指定的周期（以毫秒计）来调用函数或计算表达式。 |
| setTimeout(func) | 在指定的毫秒数后调用函数或计算表达式。 |
打开一个新的浏览器窗口或查找一个已命名的窗口。
open（<URL字符串>，<窗口名称字符串>,<参数字符串>）
URL字符串：指定要打开的网页的URL地址
窗口名称字符串：指定被打开新窗口的名称
参数字符串：width=400 窗口的宽度
height=300 窗口的高度
scrollbars=yes|no 窗口是否有滚动条
。。。
创建定时事件：
setTimeout（“函数x”，t时间）；经过t时间调用函数x
setInterval（“函数y”，t时间）；每隔t时间调用函数x
frameset框架标签：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<frameset rows="25%,75%" frameborder=1 border=5 > //cols按列分，frameborder控制有无边框，border定义边框宽度，为0时无边框
<frame src="2.html">//frameset是和body，head并列的标签
<frame src="3.html">
</frameset>
</html>
2.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
1234
</body>
</html>
3.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
56478
</body>
</html>
frame对象
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<frameset cols="25%,75%" frameborder=1 border=5 > //cols按列分，frameborder控制有无边框，border定义边框宽度，为0时无边框
<frame src="2.html" name=xframe>//frameset是和body，head并列的标签
<frame src="3.html" name=yframe>
</frameset>
</html>
2.html
<!DOCTYPE html><html>
<head>
<meta charset="utf-8">
</head>
<script>
function setColor(color)
{
parent.yframe.document.bgColor=color;
}
</script>
<body>
<a href="JavaScript:setColor('red')">red</a> //颜色要用单引号，因为外面已经有双引号了
<a href="JavaScript:setColor('yellow')">yellow</a>
<a href="JavaScript:setColor('gray')">gray</a>
<a href="JavaScript:setColor('black')">black</a>
</body>
</html>
3.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
56478
</body>
</html>
location对象
| 属性 | 描述 |
|---|---|
| hash | 返回一个URL的锚部分 |
| host | 返回一个URL的主机名和端口 |
| hostname | 返回URL的主机名 |
| href | 返回完整的URL |
| pathname | 返回的URL路径名。 |
| port | 返回一个URL服务器使用的端口号 |
| protocol | 返回一个URL协议 |
| search | 返回一个URL的查询部分 |
Location 对象方法
| 方法 | 说明 |
|---|---|
| assign() | 载入一个新的文档 |
reload() |
重新载入当前文档 |
replace() |
用新的文档替换当前文档（会将当前页面从历史页面中移除） |
k.
<!DOCTYPE html><html>
<head>
<meta charset="utf-8">
</head>
<frameset cols="25%,75%" frameborder=1 border=5 >
<frame src="2.html" name=xframe>
<frame src="3.html" name=yframe>
</frameset>
</html>
2.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<script>
function setColor(urlAddress)
{
parent.yframe.location.href=urlAddress;
}
</script>
<body>
<a href="JavaScript:setColor('https://www.baidu.com')">百度</a> <br> <!--颜色要用单引号，因为外面已经有双引号了-->
<a href="JavaScript:setColor('https://www.imooc.com')">慕课网</a><br>
</body>
</html>
3.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
</body>
</html>
history对象
描述：保存了用户访问页面的轨迹（在栈中保存）
类似于浏览器的向前向后按钮
<a href="JavaScript:history.go(-1);">上一页</a>
<a href="JavaScript:history.go(1);">下一页</a>
screen对象
检测屏幕尺寸：
三.正则表达式：验证检验
组成结构：
1.字符类
[...] 匹配方括号中的任意一个字符，可用“-”指定范围
[^...] 匹配方括号中不包含的任意字符
\d 匹配任意一个数字字符，相当于[0-9]
\D 匹配非数字字符，相当于[^0-9]
\s 匹配任意空白字符
\w 匹配任何英文字母，数字字符，以及下划线
2.量词
? 匹配前一项0次或者n次
+ 匹配前一项一次或者多次
* 匹配前一项0次或者多次
{n}匹配前一项恰好n次
{n,}匹配前一项至少n次
{n,m} 匹配前一项的次数 n=<x<=m（数字之间不能有空格）
3.指定匹配位置
^ 行开头
$ 行结尾
\b 单词边界
\B 非单词边界
4.选择匹配符
|
5.括号分组
（）
创建正则表达式对象的两种方法：
first：用RegExp类来创建对象
var objExp = new RegExp("\正则表达式","标志信息")；
var objExp = new RegExp("\\d{2,3}","g");
标志信息：
g：全局标志，设置该标志，对所有可以匹配的字符串进行匹配，否则，只匹配第一个字符串；
i：忽略大小写标志
m：多行标志；设置该标志，^可以匹配每一行的开头，$可以匹配每一行的结尾。否则只能匹配多行字符串的开头和结尾。
second:直接用变量来创建正则表达式对象
var objExp =/正则表达式/标志信息；
var objExp=/\d/g;
模式匹配的两种方法：
1.test（）方法
搜索到匹配的字符串返回true，否则返回为false；
<script>
function checkQQ()
{
var qq=document.form1.name4.value;
var obj=/[0-9][1-9]{4,15}/;
if(obj.test(qq)==true)
alert("输入QQ合法！");
else
alert("输入QQ不合法");
}
</script>
2.exec（）方法
没有搜索到字符串时返回null，否则返回一个数组。
satnding-by
原文发布时间：2018年06月19日
本文来源CSDN博客如需转载请紧急联系作者
