js的BOM
1.BOM：浏览器对象模型。将整个浏览器看作是一个对象。js中所有成员变量、成员方法都是浏览器对 象的属性和方法。所有的其他对象都是浏览器对象子对象。
2.BOM模型图：
3.location对象：
3.1：常用属性：location.href
3.1.1:获得当前页面的URL地址：location.href (window.location.href)
3.1.2:跳转到另一个页面（效果与超链接的效果相同）：location.href="新页面地址";
(window.location.href="新页面地址";)
（window.location="新页面地址";）
3.2：常用方法：
3.2.1：重新加载当前文档：location.reload();
eg:location.reload();
3.2.2：用新的文档替换当前文档(页面还是同一个页面)：location.replace("新页面");
eg:location.replace("2.html");
4.history对象：
4.1：常用方法：
4.1.1：前进：history.forward() <=> history.go(1);
4.1.2：后退：history.back() <=> history.go(-1);
5.window对象：
常用方法：
5.1：确定框：alert("内容");
5.2：确定取消框：confirm("内容"); 点击确定返回true,点击取消返回false；
eg:var result=confirm("确定要删除吗？");
if (result==true) {
alert("删除成功");
}
5.3：输入框：prompt("提示信息",【"默认值"】)；返回的结果就是输入的值；
eg:var content=prompt("请输入用户名","sx");
5.4：弹出一个窗体：window.open("URL","窗体名称","窗体的特征");
eg:window.open("2.html","","width=200,height=200,left=300,top=200");
5.5：关闭窗体：window.close();只有通过 JavaScript 代码打开的窗口才能够由 JavaScript 代码关闭。这阻止了恶意的脚本终止用户的浏览器。
5.6：在指定的毫秒数后调用函数或计算表达式。window.setTimeout("操作"，毫秒)；
eg:var t1;
function show5(){
t1=window.setTimeout(function(){
alert("休息一下");
},10000);
}
5.7：取消由 setTimeout() 方法设置的 timeout。window.clearTimeout(函数名)；
eg:window.clearTimeout(t1);
eg:function changeTime(){
setTimeout(function(){
//获得系统时间
var today=new Date();
var year=today.getFullYear();
var month=today.getMonth()+1;
var day=today.getDate();
var h=today.getHours();
var m=today.getMinutes();
var s=today.getSeconds();
document.getElementById("d1").innerHTML=year+"-"+month+"-"+day+" "+h+":"+m+":"+s;
changeTime();
},1000);
}
function show1(){
//获得系统时间
var today=new Date();
var year=today.getFullYear();
var month=today.getMonth()+1;
var day=today.getDate();
var h=today.getHours();
var m=today.getMinutes();
var s=today.getSeconds();
document.getElementById("d1").style.fontSize="20px";
document.getElementById("d1").innerHTML=year+"-"+month+"-"+day+" "+h+":"+m+":"+s;
changeTime();
}
5.8：按照指定的周期（以毫秒计）来调用函数或计算表达式。window.setInterval("操作"， 毫秒);
eg:var t2;
function show7(){
t2=window.setInterval(function(){
alert("下课了");
},5000);
}
eg:function showTime(){
//获得系统时间
var today=new Date();
var year=today.getFullYear();
var month=today.getMonth()+1;
var day=today.getDate();
var h=today.getHours();
var m=today.getMinutes();
var s=today.getSeconds();
document.getElementById("d1").innerHTML=
year+"-"+month+"-"+day+" "+h+":"+m+":"+s;
}
function show1(){
showTime();
setInterval("showTime()",1000);
}
5.9：取消由 setInterval() 设置的 timeout。clearInterval(id_of_setinterval)
eg:window.clearInterval(t2);
6.Cookie:通过浏览器存用户信息到客户端本地磁盘上的技术。
存值特点：按Key-Value对方式存值。如果Cookie存值时，不设置存储的时间，Cookie将值存到内存。如果Cookie存值时，设置存储的时间，Cookie将值存储到磁盘上长久存储。
6.1：优点：
6.1.1：减轻服务器的压力：将客户常用的但是不重要的信息存在客户端。
6.1.2：方便客户下次使用数据：因为存在客户端，所以当客户端第二个访问同一个应用， 可以快速获取上次数据。
6.2：缺点：
6.2.1：不安全。数据存在客户端。
6.2.2：依赖浏览器，大部分浏览支持在线的Cookie,只有个别浏览器支持离线Cookie.
6.3：将值存入cookie中：
eg://存储时间
var date1=new Date();
date1.setDate(date1.getTime()+10*60*1000);
//将用户名存入cookie中
document.cookie="uname=sx;expires="+date1.toGMTString();
//将密码存入cookie中 document.cookie="password123456;expires="+date1.toGMTString();
6.4：获取cookie中的值：
eg://将cookie中的值取出来
alert(document.cookie);
6.5：删除cookie中的值（实际是设置cookie失效）：
eg://删除cookie中的值，设置cookie失效
//存储时间
var date2=new Date();
date2.setDate(date2.getTime()-1);
//将用户名存入cookie中
document.cookie="uname=sx;expires="+date2.toGMTString();
7.Js中对象：js中所有事物都是对象。
对象的属性调用：对象.属性；
对象的方法调用：对象.方法();
7.1：系统对象：
7.1.1：String对象:专门用来处理字符串。
7.1.2：Array对象：处理数组。
7.1.3：Date对象:处理日期。
7.1.4：Math 对象：用于执行数学任务。
7.1.5：RegExp 对象：表示正则表达式，它是对字符串执行模式匹配的强大工具。
7.2：js中自定义对象：
7.2.1：自己创建对象
eg:var stu1=new Object();
stu1.sname="孙钱";
stu1.sage=20;
stu1.ssex="男";
alert("姓名："+stu1.sname);
7.2.2:Json对象：javascript object notation.
eg:var stu2={"sname":"老王","sage":18,"ssex":'女'};
alert("年龄："+stu2.sage);
7.2.3：用构造方法创建对象：
eg://声明一个构造方法
function Student(name,age,sex){
this.name=name;
this.age=age;
this.sex=sex;
}
var stu3=new Student("小波",28,"女");
alert("性别："+stu3.sex);
7.2.4：js中所有对象都有prototype ，这个属性使您有能力向对象添加属性和方法。
添加属性的语法：对象.prototype.属性名=属性值；
添加方法的语法：对象.prototype.方法名=function(){代码；};
eg://声明一个构造方法
function Student(name,age,sex){
this.name=name;
this.age=age;
this.sex=sex;
}
//给对象添加属性
Student.prototype.id=null;
//给对象添加方法
Student.prototype.show=function(){
alert("我是"+this.name+",年龄："+this.age);
}
//用构造方法创建一个对象
var stu3=new Student("小波",28,"女");
//stu3.id=1001;
stu3.show();
//alert("性别："+stu3.sex+",学号："+stu3.id);
8.去掉字符串的空格：
8.1：字符串对象.trim();
8.2: 字符串对象.replace(/(^\s*)|(\s*$)/g,"");
eg://声明一个字符串
var s=" 震飞飞 飞丰富 ";
alert(s.length);
//第一种：去掉字符串的空格
//s=s.trim();
//alert(s.length);
//第二种：去掉字符串的空格
s=s.replace(/(^\s*)|(\s*$)/g,"");
alert(s.length);