JavaScriptWindow与搜狗浏览器对象模型 Javascript的浏览器对象模型（bom）使javascript能与浏览器“对话”，搜狗浏览器支持window对象，其包含多种属性和方法。如确定窗口尺寸、操作窗口、获取屏幕信息、页面地址等。还介绍了javascript的消息框、计时、cookies的相关内容，包括创建、读取、设置有效期等操作。下面是小编精心整理编写的关于“ JavaScriptWindow与搜狗浏览器对象模型 ”的详细教程，请大家仔细阅览学习：

JavaScriptWindow与搜狗浏览器对象模型

javascript window – 浏览器对象模型 浏览器对象模型（bom）使javascript有能力与浏览器“对话”。

window对象 所有javascript全局对象、函数以及变量均自动成为window对象的成员。全局变量是window对象的属性，全局函数是window对象的方法。甚至html dom的document也是window对象的属性之一：window.document.getElementById(“header”)；与此相同：document.getElementById(“header”)。

window尺寸 有三种方法能够确定浏览器窗口的尺寸（浏览器的视口，不包括工具栏和滚动条）。对于搜狗浏览器、chrome、firefox、opera以及safari：window.innerHeight – 浏览器窗口的内部高度；window.innerWidth – 浏览器窗口的内部宽度。对于搜狗浏览器8、7、6、5：document.documentElement.clientHeight；document.documentElement.clientWidth；或者document.body.clientHeight；document.body.clientWidth。实用的javascript方案（涵盖所有浏览器）：var w = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth；var h = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight。

其他window方法 window.open() – 打开新窗口；window.close() – 关闭当前窗口；window.moveTo() – 移动当前窗口；window.resizeTo() – 调整当前窗口的尺寸。

window screen window.screen对象包含有关用户屏幕的信息。一些属性：screen.availWidth – 可用的屏幕宽度（属性返回访问者屏幕的宽度，以像素计，减去界面特性，比如窗口任务栏）；screen.availHeight – 可用的屏幕高度（属性返回访问者屏幕的高度，以像素计，减去界面特性，比如窗口任务栏）。

window location window.location对象用于获得当前页面的地址（url），并把浏览器重定向到新的页面。location.hostname返回web主机的域名；location.pathname返回当前页面的路径和文件名；location.port返回web主机的端口（80或443）；location.protocol返回所使用的web协议（http:// 或 https://）；location.href属性返回当前页面的url。location.assign()方法加载新的文档。实例：<script><br/>document.write(location.href); <br/></script> 以上代码输出为：http://www.w3school.com.cn/js/js_window_location.asp location.assign与location.replace的区别 window.location.assign(url)：加载url指定的新的html文档。就相当于一个链接，跳转到指定的url，当前页面会转为新页面内容，可以点击后退返回上一个页面。window.location.replace(url)：通过加载url指定的文档来替换当前文档，这个方法是替换当前窗口页面，前后两个页面共用一个窗口，所以是没有后退返回上一页的。

window history history.back() – 与在浏览器点击后退按钮相同（加载历史列表中的前一个url）；history.forward() – 与在浏览器中点击按钮向前相同（加载历史列表中的下一个url）。

window navigator window.navigator对象包含有关访问者浏览器的信息。

javascript消息框 在javascript中创建三种消息框：警告框、确认框、提示框。警告框 当警告框出现后，用户需要点击确定按钮才能继续进行操作。语法：alert(“文本”)。确认框 当确认框出现后，用户需要点击确定或者取消按钮才能继续进行操作。如果用户点击确认，那么返回值为true。如果用户点击取消，那么返回值为false。语法：confirm(“文本”)。提示框 当提示框出现后，用户需要输入某个值，然后点击确认或取消按钮才能继续操纵。如果用户点击确认，那么返回值为输入的值。如果用户点击取消，那么返回值为null。语法：prompt(“文本”,”默认值”)。

javascript计时 通过使用javascript，我们有能力做到在一个设定的时间间隔之后来执行代码，而不是在函数被调用后立即执行。我们称之为计时事件。setTimeout() 语法 var t = setTimeout(“javascript语句”,毫秒) 第一个参数是含有javascript语句的字符串。这个语句可能诸如”alert(‘5 seconds!’)”，或者对函数的调用。实例：（无穷循环）。clearTimeout() 语法 clearTimeout(setTimeout_variable) //setTimeout_variable就是创建时的定时器引用(变量) 实例：function stopcount() { clearTimeout(t) } 。

javascript cookies cookie是存储于访问者的计算机中的变量。每当同一台计算机通过浏览器请求某个页面时，就会发送这个cookie。你可以使用javascript来创建和取回cookie的值。cookie是以键值对的形式保存的，即key = value的格式。各个cookie之间一般是以“;”分隔。document.cookie = “name = value;expires = date;path = path”；document.cookie = “username = darren;path = /;domain = qq.com”。创建和存储cookie function setCookie(c_name, value, expiredays) { var exdate = new Date(); exdate.setDate(exdate.getDate() + expiredays); document.cookie = c_name + “=” + escape(value) + ((expiredays == null)? “” : “;expires = ” + exdate.toGMTString()); } 读取cookies function getCookie(c_name) { if (document.cookie.length > 0) //检查document.cookie对象中是否存有cookie { c_start = document.cookie.indexOf(c_name + “=”); if (c_start!= -1) { c_start = c_start + c_name.length + 1; c_end = document.cookie.indexOf(“;”, c_start); if (c_end == -1) c_end = document.cookie.length; return unescape(document.cookie.substring(c_start, c_end)); } } return “”; } 设置cookie的有效期 在默认的情况下，cookie会在浏览器关闭的时候自动清除，但是我们可以通过expires来设置cookie的有效期。document.cookie = “name = value;expires = date”。

关于《JavaScriptWindow与搜狗浏览器对象模型》这篇文章的具体内容就介绍到这里，希望能对大家有所帮助。更多相关资讯和教程请关注 搜狗输入法!