javascript - 浏览器对象

Navigator对象

弹出窗口

Cookies

Browser Objects 参考手册#

参考手册描述了每个对象的属性和方法，并提供了在线实例。

• Window 对象
• Navigator 对象
• Screen 对象
• History 对象
• Location 对象

 

Window 对象#

属性#

属性	描述
closed	返回窗口是否已被关闭。
defaultStatus	设置或返回窗口状态栏中的默认文本。
document	对 Document 对象的只读引用。(请参阅对象)
frames	返回窗口中所有命名的框架。该集合是 Window 对象的数组，每个 Window 对象在窗口中含有一个框架。
history	对 History 对象的只读引用。请参数 History 对象。
innerHeight	返回窗口的文档显示区的高度。
innerWidth	返回窗口的文档显示区的宽度。
length	设置或返回窗口中的框架数量。
location	用于窗口或框架的 Location 对象。请参阅 Location 对象。
name	设置或返回窗口的名称。
navigator	对 Navigator 对象的只读引用。请参数 Navigator 对象。
opener	返回对创建此窗口的窗口的引用。
outerHeight	返回窗口的外部高度，包含工具条与滚动条。
outerWidth	返回窗口的外部宽度，包含工具条与滚动条。
pageXOffset	设置或返回当前页面相对于窗口显示区左上角的 X 位置。
pageYOffset	设置或返回当前页面相对于窗口显示区左上角的 Y 位置。
parent	返回父窗口。
screen	对 Screen 对象的只读引用。请参数 Screen 对象。
screenLeft	返回相对于屏幕窗口的x坐标
screenTop	返回相对于屏幕窗口的y坐标
screenX	返回相对于屏幕窗口的x坐标
screenY	返回相对于屏幕窗口的y坐标
self	返回对当前窗口的引用。等价于 Window 属性。
status	设置窗口状态栏的文本。
top	返回最顶层的父窗口。 来源： http://www.runoob.com/jsref/obj-window.html

Window 对象方法

方法	描述
alert()	显示带有一段消息和一个确认按钮的警告框。
blur()	把键盘焦点从顶层窗口移开。
clearInterval()	取消由 setInterval() 设置的 timeout。
clearTimeout()	取消由 setTimeout() 方法设置的 timeout。
close()	关闭浏览器窗口。
confirm()	显示带有一段消息以及确认按钮和取消按钮的对话框。
createPopup()	创建一个 pop-up 窗口。
focus()	把键盘焦点给予一个窗口。
moveBy()	可相对窗口的当前坐标把它移动指定的像素。
moveTo()	把窗口的左上角移动到一个指定的坐标。
open()	打开一个新的浏览器窗口或查找一个已命名的窗口。
print()	打印当前窗口的内容。
prompt()	显示可提示用户输入的对话框。
resizeBy()	按照指定的像素调整窗口的大小。
resizeTo()	把窗口的大小调整到指定的宽度和高度。
scroll()
scrollBy()	按照指定的像素值来滚动内容。
scrollTo()	把内容滚动到指定的坐标。
setInterval()	按照指定的周期（以毫秒计）来调用函数或计算表达式。
setTimeout()	在指定的毫秒数后调用函数或计算表达式。

 

window.open()

1 2 3 4 5 6 7 8

<script>         function open_win() {             window.open("http://www.w3cschool.cc", '_blank', 'width=200,height=100');         }     </script>     <form>         <input type="button" value="Open Window" onclick="open_win()">     </form>

#

计时器 #

#

1.setInterval()： #

按照指定的周期（以毫秒计）来调用函数或计算表达式。

setInterval(code,millisec,lang)

参数	描述
code	必需。要调用的函数或要执行的代码串。
millisec	必须。周期性执行或调用 code 之间的时间间隔，以毫秒计。
lang	可选。 JScript | VBScript | JavaScript

1 2 3 4 5 6 7 8 9 10 11 12 13

<p id="ptime"></p> <script type="text/javascript">           var mytime = setInterval(function () {         GetTime();     }, 1000);       function GetTime() {         var date = new Date();         var t = date.toLocaleTimeString();         document.getElementById("ptime").innerHTML = t;     } </script>

clearInterval()

取消由 setInterval() 设置的 timeout。

clearInterval(id_of_setinterval)

1	<button onclick="window.clearInterval(mytime)">停止</button>

2.setTimeout()

在指定的毫秒数后调用函数或计算表达式。

setTimeout(code,millisec,lang)

参数	描述
code	必需。要调用的函数后要执行的 JavaScript 代码串。
millisec	必需。在执行代码前需等待的毫秒数。
lang	可选。脚本语言可以是：JScript | VBScript | JavaScript

1 2 3 4 5 6 7 8 9

<p>点击按钮，在等待 3 秒后弹出 "Hello"。</p> <button onclick="myFunction()">点我</button>   <script> function myFunction() {     setTimeout(function(){alert("Hello")},3000); } </script>

 

clearTimeout()#

取消由 setTimeout() 方法设置的 timeout。

#

History 对象#

---

History 对象包含用户（在浏览器窗口中）访问过的 URL。

History 对象是 window 对象的一部分，可通过 window.history 属性对其进行访问。

注意： 没有应用于History对象的公开标准，不过所有浏览器都支持该对象。

---

History 对象属性#

属性	说明
length	返回历史列表中的网址数

History 对象方法#

方法	说明
back()	加载 history 列表中的前一个 URL
forward()	加载 history 列表中的下一个 URL
go()	加载 history 列表中的某个具体页面

 

go() 方法可加载历史列表中的某个具体的页面。

该参数可以是数字，使用的是要访问的 URL 在 History 的 URL 列表中的相对位置。（-1上一个页面，1前进一个页面)。或一个字符串，字符串必须是局部或完整的URL，该函数会去匹配字符串的第一个URL。

语法#

history.go(number|URL)

 

#

Location 对象#

---

Location 对象包含有关当前 URL 的信息。#

Location 对象是 window 对象的一部分，可通过 window.Location 属性对其进行访问

属性	描述
hash	返回一个URL的锚部分
host	返回一个URL的主机名和端口
hostname	返回URL的主机名
href	返回完整的URL
pathname	返回的URL路径名。
port	返回一个URL服务器使用的端口号
protocol	返回一个URL协议
search	返回一个URL的查询部分

Location 对象方法#

方法	说明
assign()	载入一个新的文档
reload()	重新载入当前文档
replace()	用新的文档替换当前文档

1 2 3 4 5 6 7 8 9 10 11 12 13

<input type="button" value="Load new document" onclick="newDoc()"> <script type="text/javascript">     var path = window.location.pathname;     var host = window.location.host;     var href = window.location.href;     document.write("<br>（URL路径名）pathname：" + path);     document.write("<br>（主机名和端口）host：" + host);     document.write("<br>（返回完整的URL）href：" + href);       function newDoc() {         window.location.assign("http://www.w3cschool.cc")     } </script>

点击 Load new document 跳转到w3cschool页面

 

#

Screen 对象#

---

#

Screen 对象包含有关客户端显示屏幕的信息。

注意： 没有应用于 screen 对象的公开标准，不过所有浏览器都支持该对象。

---

Screen 对象属性#

属性	说明
availHeight	返回屏幕的高度（不包括Windows任务栏）
availWidth	返回屏幕的宽度（不包括Windows任务栏）
colorDepth	返回目标设备或缓冲器上的调色板的比特深度
height	返回屏幕的总高度
pixelDepth	返回屏幕的颜色分辨率（每象素的位数）
width	返回屏幕的总宽度

1 2 3 4

<script type="text/javascript">         document.write("可用高度: " + screen.availHeight + "可用宽度: " + screen.availWidth);         document.write("<br>高度: " + screen.height + "宽度: " + screen.width);     </script>