JavaScript 浏览器对象

JavaScript 可以获取浏览器提供的很多对象,并进行操作。window、navigator、screen、location、document、history。

window

window 对象不但充当全局作用域,而且表示浏览器窗口。

innerWidthinnerHeight 属性,获取浏览器窗口的内部宽度和高度。内部宽高是指除去菜单栏、工具栏、边框等占位元素后,用于显示网页的净宽高。

outerWidthouterHeight 属性,获取浏览器窗口的整个宽高。

navigator

navigator 对象表示浏览器的信息,最常用的属性包括 navigator.appName:浏览器名称;navigator.appVersion:浏览器版本;navigator.language:浏览器设置的语言;navigator.platform:操作系统类型;navigator.userAgent:浏览器设定的 User-Agent 字符串.

screen

screen 对象表示屏幕的信息,常用的属性有:

location

location 对象表示当前页面的 URL 信息。例如,一个完整的 URL 可以用 location.href 获取

http://www.example.com:8080/path/index.html?a=1&b=2#TOP

location.protocol; // 'http'
location.host; // 'www.example.com'
location.port; // '8080'
location.pathname; // '/path/index.html'
location.search; // '?a=1&b=2'
location.hash; // 'TOP'

要加载一个新页面,可以调用 location.assign()。如果要重新加载当前页面,调用 location.reload() 方法 document

document 对象表示当前页面。由于 HTML 在浏览器中以 DOM 形式表示为树形结构,document 对象就是整个 DOM 树的根节点。

documenttitle 属性是从 HTML 文档中的 <title>xxx</title> 读取的,但是可以动态改变

document 对象提供的 getElementById()getElementsByTagName() 可以按 ID 获得一个 DOM 节点和按 Tag 名称获得一组 DOM 节点

document 对象还有一个 cookie 属性,可以获取当前页面的 Cookie。

history

history 对象保存了浏览器的历史记录,JavaScript 可以调用 history 对象的 back()forward (),相当于用户点击了浏览器的“后退”或“前进”按钮。对于现代 Web 页面来说,由于大量使用 AJAX 和页面交互,简单粗暴地调用 history.back() 可能会让用户感到非常愤怒。任何情况,你都不应该使用 history 这个对象了。

  • JavaScript

    JavaScript 一种动态类型、弱类型、基于原型的直译式脚本语言,内置支持类型。它的解释器被称为 JavaScript 引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在 HTML 网页上使用,用来给 HTML 网页增加动态功能。

    694 引用 • 1142 回帖 • 612 关注
  • 前端

    前端技术一般分为前端设计和前端开发,前端设计可以理解为网站的视觉设计,前端开发则是网站的前台代码实现,包括 HTML、CSS 以及 JavaScript 等。

    242 引用 • 1345 回帖

欢迎来到这里!

我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。

注册 关于
请输入回帖内容 ...