BOM 属性、方法、事件应用案例

BOM：浏览器的窗口window对象 不同的窗口不共享window
window 对象的属性
navigator 浏览器相关信息
screen 获取屏幕信息

Screen {availWidth: 1366, availHeight: 728, width: 1366, height: 768, colorDepth: 24, …}

navigator 判定用户所用的浏览器

Navigator {vendorSub: "", productSub: "20030107", vendor: "Google Inc.", maxTouchPoints: 0, hardwareConcurrency: 4, …}

history 浏览器的浏览历史

History {length: 2, scrollRestoration: "auto", state: null}

location 页面地址栏中所有信息

protocol 协议 https http

location.protocol
"https:"

hostname 主机ip

location.hostname
"uland.taobao.com"

port 端口

location.port
""

pathname 资源路径 端口后面？前面

location.pathname
"/sem/tbsearch"

search ？开始内容

location.search
"?refpid=mm_26632258_3504122_32538762&keyword=%E5%A5%B3%E8%A3%85&clk1=c1bc684a2e3110d0b98b409b70f9b310&upsId=c1bc684a2e3110d0b98b409b70f9b310"

hash 获取#开始内容

location.hash
""

href 获取地址信息

location.href
"https://uland.taobao.com/sem/tbsearch?refpid=mm_26632258_3504122_32538762&keyword=%E5%A5%B3%E8%A3%85&clk1=c1bc684a2e3110d0b98b409b70f9b310&upsId=c1bc684a2e3110d0b98b409b70f9b310"

reload( ) 刷新页面
浏览器相关
navigator
userAgent: 用户代理  标识用户身份。（浏览器类型每一个浏览器ua都不一样）
 三种弹窗
alert( );显示带有一条指定消息和一个 OK（确认） 按钮的警告框
1.写在script标签中   2.括号中的内容为字符串或者整型   3.点击确认即可关闭，无返回值

alert('你好')

confirm( ); 用于显示一个带有指定消息和 OK 及取消按钮的对话框。一般作为判断条件 
1.写在script标签中   2.括号中的内容为字符串和整型   3.点击确认返回true，点击取消返回false

confirm('你好');

prompt( ); 用于显示可提示用户进行输入的对话框
1.写在script标签中  2.第一个问是显示的文本，第二个问是输入框中的默认值（可不写） 3.点击确认返回输入框中的内容，取消返回null

prompt('你好')

Open  close方法
Open：

window.open([url, ][name, ][features, ][replace])

url:  要打开的网页路径
Name:  窗口名称（通常使用target属性值）
Features  :窗口特征，属性列表
Replace:  是否替换浏览历史条目
close:( 关闭 ) 

window.close();

        持久化存储数据(数据保存)
        window
        localStorage //永久储存  浏览器不卸载 数据都在
        setItem(Key, value) //设置
        var value = getItem(Key) 获取
        removeItem(key) 删除
        clear() 清空

        sessionStorage // 会话储存   浏览器不关闭 数据都在
        setItem(key, value)
         var value = getItem(key)
         removeItem(key)
        clear()