JSBOM

BOM

概念：BOM browers object model

常用对象

windows：窗口，浏览器的窗口

我们定义的全局变量和全局函数都是window对象的属性和方法

vara = 1;
function test(){
    vara = 2;
    alert(a);
    alert(window.a);
}

全局变量时window的属性。全局函数是window的方法。

浏览器body的宽度：window.innerWidth

浏览器body的高度：window.innerHeight

常用的方法：

open：打开一个新的窗口。要传三个参数第一个为将要打开窗口的路径第二个为打开的方式第三个为对于新打开窗口的描述（宽和高等）。

varmywindow = window.open("http://www.baidu.com","_blank","width=200,height=300")

close：关闭一个窗口。

myWindow.close();

moveto：移动一个窗口。以窗口的左上角为坐标的起点

functionremoveWin(){
    //一个窗口的左上角为移动窗口的坐标
    myWindow.moveTo(200,200)
    myWindow.focus();
}

focus：使窗口获得焦点

resizeto：改变窗口的大小

functionresizeTo(){
    myWindow.resizeTo(1000,1500);
    myWindow.focus();
}

screen：屏幕也是window下面的一个对象，在使用的时候可以用

WINDOW.screen，也可以把window省略掉

屏幕常用的属性：宽，高：可用宽和可用高（可用包括任务栏）

varscrWidth = window.screen.width;
var scrHeight =screen.height;
document.write("屏幕的宽："+scrWidth+"屏幕的高"+scrHeight);
var scrAviWidth =screen.availWidth;
var scrAviHeight =screen.availHeight;
document.write("屏幕的宽："+scrAvailWidth+"屏幕的高"+scrAvailHeight);

location：地址

常用属性：href完整路径port端口号pathname路径名protocol协议

常用方法：

打开一个新的路径（窗口）

location.assign("http://www.baidu.com");

刷新：普通刷新和强制刷新

functionreloadDoc() {
    location.reload();//如果传值为true那么就是强制刷新
}

history：历史记录

记录当前窗口的历史，可以进行页面转换

back：返回上一页

forward：进入下一页

go：进入确定的哪一页

弹窗

alert（）：警告提示框，也就是window对象下的办法window可以省略不写

alert("提示的内容");//警告提示框

 

prompt（“提示的信息”,”默认值”）：信息提示输入框也是window的对象下的办法，window也可以省略不写。

当点击了确定后才把值返回，否则返回为空。

varstr = prompt("请输入内容","hello world");//请输入内容就是提示信息，后面的hello word是默认值。

 

confim（“提示的信息”）确认框。也就是window对象下的方法，window可以省略不写

当点击确定时的时候，返回true。如果点取消返回false。

varisRight = confirm("是否确定删除");
document.write(typeof(isRight)+isRight);

 

cookie

cookie的作用：在本地浏览器存储数据，常用于记住账号等

cookie的组成

键值对的形式

存储的数据：”id=”+数据或”id=1225776”或”id=125558；password=1225776”

有效期”expires=今天以后的时间

存储：cookie

按照cookie的格式写好一个字符串，然后将它赋值给document.cookie,l浏览器存了这个cookie，可以存储多个键值对，但是键的名字不能重复

varpassword = document.getElementById("password").value;
var id =document.getElementById("id").value;
var date =new Date();
date.setDate(date.getDate()+7);//获取日期：获取日期+7天
var cookieText ="id="+id+";"+"expires="+date;
var cookieText1 ="password="+password+";"+"expires="+date;
document.cookie= cookieText;
document.cookie= cookieText1;

 

获取：cookie

通过document。cookie就能得到浏览器之前存储的cookie。是一个字符串，将这个字符串进行解析，得到自己想要的内容

vardata = document.cookie;
var result = [];
result = data.split("; ");
var idData = result[0].split("=")[1];
var passwordData = result[1].split("=")[1];

var id =document.getElementById("id");
id.value= idData;
var password =document.getElementById("password");
password.value= passwordData;

 

清除：cookie

将存储的cookie的有效期改为过去的某一天就删清除了cookie

vardate = newDate();
date.setDate(date.getDate()-7);//获取日期：获取日期-7天
var cookieText ="password=;expires="+date;
document.cookie= cookieText;

计时事件

setInterval（“函数”，“毫秒数”）；//计时器，就是每隔多长时间就调用一次函数

vartimer = setInterval("showTime()",50);
function showTime(){
    vartoday = newDate();
    varhours = today.getHours();
    varminutes = today.getMinutes();
    varseconds = today.getSeconds();
    if(hours <10){
        hours = "0"+ hours
    }
    if(minutes <10){
        minutes = "0"+ minutes
    }
    if(seconds <10){
        seconds = "0"+ minutes
    }
    varp1 = document.getElementById("p1");
    p1.innerHTML= hours+":"+minutes+":"+seconds;
}

clearInterval（计时器）://停止一个计时器

setTimeout（“函数名”，“毫秒数”）：//延时器，就隔了多长时间 后调用一次函数

 

 

（1）&&与运算：如果出现了false，后面的语句将不再执行

||或运算