JavaScript DOM

BOM(Browser Object Model)浏览器对象模型

        所有浏览器都支持 window 对象。它表示浏览器窗口。所有 JavaScript 全局对象、函数以及变量均自动成为 window 对象的成员。                        

• window.open() - 打开新窗口
• window.close() - 关闭当前窗口
• window.moveTo() - 移动当前窗口
• window.resizeTo() - 调整当前窗口的尺寸

window.screen 对象包含有关用户屏幕的信息

• screen.availWidth - 可用的屏幕宽度
• screen.availHeight - 可用的屏幕高度

         window.location               

• location.hostname 返回 web 主机的域名
• location.pathname 返回当前页面的路径和文件名
• location.port 返回 web 主机的端口 （80 或 443）
• location.protocol 返回所使用的 web 协议（http:// 或 https://）
• location.href 返回当前页面的 URL  

JavaScript Window History

                    window.history  在书写时可以不写window前缀。      

• history.back() - 与在浏览器点击后退按钮相同
• history.forward() - 与在浏览器中点击按钮向前相同

          window.navigator 对象包含有关访问者浏览器的信息。（在书写时可以不写window前缀。）

                    来自 navigator 对象的信息具有误导性，不应该被用于检测浏览器版本，这是因为：

• navigator 数据可被浏览器使用者更改
• 一些浏览器对测试站点会识别错误
• 浏览器无法报告晚于浏览器发布的新操作系统

        Window弹窗

              window.confirm("sometext");  确认框

       window.prompt("sometext","defaultvalue");   提示框

    JavaScript 计时事件

       setInteval()  该函数用来设定每间隔制定的毫秒数就执行一次代码

              setTimeout() 暂停指定的毫秒数后执行指定的代码

                    Example:

                            setInterval(function,time);   //第一个参数指定要执行的函数，第二个参数是制定间隔时间

              window.clearInterval(intervalVariable)  //用来停止指定的setInterval函数

              window.clearTimeout(timeoutVariable)    //用来停止指定的setTimeOut函数

    JavaScript Cookies

                当浏览器从服务器上请求 web 页面时， 属于该页面的 cookies 会被添加到该请求中。服务端通过这种方式来获取用户的信息。

                默认情况下，cookie在浏览器关闭时会被删除

                document.cookie="username=John Doe; expires=Thu, 18 Dec 2013 12:00:00 GMT";

                //上面的代码是创建一个Cookie ，并且为Cookie配置过期的日期