BOM对象


BOM对象:

  • BOM:Broswer object model,即浏览器提供我们开发者在javascript用于操作浏览器的对象。

windows对象:

窗口方法:
// BOM  Browser object model 浏览器对象模型

// js中最大的一个对象.整个浏览器窗口出现的所有东西都是window对象的内容.
console.log( window );

// alert()  弹出一个警告框
window.alert("hello");

//confirm  弹出一个确认框,点击确认,返回true, 点击取消,返回false
var ret = confirm("您确认要删除当前文件么?");
console.log( ret  );

// 弹出一个消息输入框,当点击确认以后,则返回可以接收到用户在输入框填写的内容.如果点击取消,则返回null
var ret = prompt("请输入一个内容","默认值");
console.log( ret );

// close() 关闭当前浏览器窗口
window.close();

//打开一个新的浏览器窗口
window.open("http://www.baidu.com","_blank","width=800px,height=500px,left=200px,top=200px");
定时方法:
  • setInterval() 方法会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数
  • 而setTimeout是在指定的毫秒数后调用code一次。
(code函数,millisec毫秒数)
// 设置循环定时器
var ID = window.setInterval(code,millisec)   // 每millisec毫秒执行一次code
// 取消循环定时器
window.clearInterval(ID);

// 设置单次定时器
var ID = window.setTimeout(code,millisec) // millisec毫秒后执行code一次
// 取消单次定时器
window.clearTimeout(ID);
示例:显示时间



    
    Title

    










Location ( 地址栏)对象:



    
    Title








本地存储对象:

localStorage和sessionStorage的区别:

1、localStorage和sessionStorage一样都是用来存储客户端临时信息的对象。

2、他们均只能存储字符串类型的对象(虽然规范中可以存储其他原生类型的对象,但是目前为止没有浏览器对其进行实现)。

3、localStorage生命周期是永久,这意味着除非用户显示在浏览器提供的UI上清除localStorage信息,否则这些信息将永远存在。sessionStorage生命周期为当前窗口或标签页,一旦窗口或标签页被永久关闭了,那么所有通过sessionStorage存储的数据也就被清空了。

4、不同浏览器无法共享localStorage或sessionStorage中的信息。相同浏览器的不同页面间可以共享相同的 localStorage(页面属于相同域名和端口),但是不同页面或标签页间无法共享sessionStorage的信息。这里需要注意的是,页面及标 签页仅指顶级窗口,如果一个标签页包含多个iframe标签且他们属于同源页面,那么他们之间是可以共享sessionStorage的。

localStorage    本地永久存储
localStorage.setItem("变量名","变量值");   保存一个数据到存储对象
localStorage.变量名 = 变量值               保存一个数据到存储对象

localStorage.getItem("变量名")   获取存储对象中保存的指定变量对应的数据
localStorage.变量名              获取存储对象中保存的指定变量对应的数据

localStorage.removeItem("变量名")   从存储对象中删除一个指定变量对应的数据
localStorage.clear()               从存储对象中删除所有数据

------------------------------------------------------------------------------------


sessionStorage  本地会话存储
sessionStorage.setItem("变量名","变量值");   保存一个数据到存储对象
sessionStorage.变量名 = 变量值               保存一个数据到存储对象

sessionStorage.getItem("变量名")   获取存储对象中保存的指定变量对应的数据
sessionStorage.变量名              获取存储对象中保存的指定变量对应的数据

sessionStorage.removeItem("变量名")   从存储对象中删除一个指定变量对应的数据
sessionStorage.clear()               从存储对象中删除所有数据