window

窗口

  • window.open():打开窗口。返回一个指向新窗口的引用。
  • window.close():关闭窗口。
  • window.resizeTo():调整窗口尺寸到指定值
  • window.resizeBy():增加窗口尺寸,增加量为指定值
  • window.moveTo():移动窗口
  • window.moveBy():移动窗口,坐标增加量为指定值
  • window.innerHeight:浏览器窗口的内部高度
  • window.innerWidth:浏览器窗口的内部宽度

计时器

  • window.setTimeout():超时调用
  • window.clearTimeout():取消超时调用
  • window.setInterval():间歇调用
  • window.clearInterval():取消间歇调用

对话框

  • window.alert():警告框
  • window.confirm():确认对话框。返回布尔值,点击确定返回true,点击取消返回false
  • window.prompt():提示框。点击确定返回文本框的值,点击取消返回null
  • window.print():打印对话框
  • window.find():查找对话框

location

属性

  • location.href:完整URL,如http://www.bnu.edu.cn:8080/path/to/homepage/index.html?name='peter'&age='20'#contents
  • location.protocol:协议名,如http:
  • location.hostname:服务器名,如www.bnu.edu.cn
  • location.host:服务器名及端口号,如www.bnu.edu.cn:8080
  • location.port:端口号,如8080
  • location.pathname:目录和文件名,如/path/to/homepage/index.html
  • location.search:查询字符串,以问好开头,如?name='peter'&age='20'
  • location.hash:散列值,即#号后面,如#contents

方法

  • location.assign():打开指定URL,并在历史记录中生成一条记录。等价于location.href = URLwindow.location = URL
  • location.replace():打开指定URL,但不生成新的历史记录。
  • location.reload():重新加载当前页面。默认以最有效的方式加载,可能会请求到缓存。
  • location.reload(true):重新加载当前页面,强制从服务器重新加载。

navigator.

  • navigator.userAgent:用户代理字符串
  • navigator.plugins:安装插件信息的数组
  • navigator.onLine:检测设备在线还是离线

screen

  • screen.availWidth:可用的屏幕宽度。以像素计,减去界面特性,比如窗口任务栏。
  • screen.availHeight:可用的屏幕高度。以像素计,减去界面特性,比如窗口任务栏。
  • screen.width:屏幕的像素宽度
  • screen.height:屏幕的像素高度
  • screen.colorDepth:颜色位数

history

  • history.go():跳转到任意历史记录。

    • 若传入整数,正数为前进,负数为后退。
    • 若传入字符串,则跳转到历史记录中包含该字符串的第一个位置。
  • history.back():后退一页
  • history.forward():前进一页
  • history.length:历史记录的数量。对于窗口中第一个打开的页面而言,其history.length为0。
  • history.pushState():历史状态管理。将新的状态信息加入历史状态栈。
  • history.replaceState:历史状态管理。重写历史状态。

参考自:《JavaScript高级程序设计》、W3school

JavaScript中常用的BOM属性的更多相关文章

  1. JavaScript中常用的BOM对象(属性、方法)

    window对象 定义: 一个浏览器窗口实例 与窗口有关的信息(应用程序编程接口) ECMAScript规定的Global对象 方法 open(url),返回标识符 引用 即将打开窗口的.(调用该引用 ...

  2. javascript中常用坐标属性offset、scroll、client

    原文:javascript中常用坐标属性offset.scroll.client 今天在学习js的时候觉得这个问题比较容易搞混,所以自己画了一个简单的图,并且用js控制台里面输出测试了下,便于理解. ...

  3. JavaScript 中常用的 正则表达式

    这编文章我来整理了一些在 javascript 中常用的正则式希望能给大家带来一些开发的灵感 //校验是否全由数字组成 function isDigit(s) { var patrn=/^[0-9]{ ...

  4. JavaScript中的可枚举属性与不可枚举属性

    在JavaScript中,对象的属性分为可枚举和不可枚举之分,它们是由属性的enumerable值决定的.可枚举性决定了这个属性能否被for…in查找遍历到. 一.怎么判断属性是否可枚举 js中基本包 ...

  5. 请写出JavaScript中常用的三种事件。

    请写出JavaScript中常用的三种事件. 解答: onclick,onblur,onChange

  6. JavaScript中的方法和属性

    书读百遍其义自见 学习<JavaScript设计模式>一书时,前两个章节中的讲解的JavaScript基础知识,让我对属性和方法有了清晰的认识.如下是我的心得体会以及部分摘录的代码. 不同 ...

  7. css3新增属性有哪些?css3中常用的新增属性总结

    css3新增属性有哪些?来提问这个问题的人都应该知道css3是css的升级版本,那么,css3既然是升级版本,自然是会新增一些属性,接下来本篇文章将给大家介绍关于css3中常用的新增属性. 一.css ...

  8. Javascript中常用事件集合和事件使用方法

    Javascript中常用事件集合和事件使用方法 一.事件绑定 格式: 事件源 . on事件类型=事件处理函数 事件绑定三要素 1.事件源:和谁绑定 2.事件类型:什么事件 3.事件处理函数:触发了要 ...

  9. 全面理解Javascript中Function对象的属性和方法

    http://www.cnblogs.com/liontone/p/3970420.html 函数是 JavaScript 中的基本数据类型,在函数这个对象上定义了一些属性和方法,下面我们逐一来介绍这 ...

随机推荐

  1. [JSOI2007]重要的城市 floyd:最短路计数

    ---题面--- 题解: 其实感觉还是比较妙的,第一眼看题想到floyd统计最短路条数, 注意到对于任意两点x,y而言,floyd将会枚举其最短路所可能经过的所有中转点, 因此我们可以直接分别统计对于 ...

  2. [bzoj] 2049 洞穴勘探 || LCT

    原题 这是一道LCT的板子题. 至于LCT--link cut tree,也叫动态树,用splay实现动态连边的树. 预备知识: 实边:一个非叶节点,向它的儿子中的一个连一条特殊的边,称为实边;该非叶 ...

  3. ubuntu下如何控制风扇速度?

    1.安装lm-sensors  (https://apps.ubuntu.com/cat/applications/lm-sensors/)和fancontrol(https://apps.ubunt ...

  4. 洛谷:P2922 [USACO08DEC]秘密消息(Trie树)

    P2922 [USACO08DEC]秘密消息Secret Message 题目链接:https://www.luogu.org/problemnew/show/P2922 题目描述 贝茜正在领导奶牛们 ...

  5. 如何通过反射来创建对象?getConstructor()和getDeclaredConstructor()区别?

    1. 通过类对象调用newInstance()方法,适用于无参构造方法: 例如:String.class.newInstance() public class Solution { public st ...

  6. JavaScript中检测数组的几种方式

    检测一个对象是否为数组的方式有: Array.isArray()          // true或false(es5) toString.call([]);       // [object Arr ...

  7. js对数组的常用操作

    在js中对数组的操作是经常遇到的,我呢在这就列一下经常用到的方法 删除数组中的元素: 1.delete方法:delete删除的只是数组元素的值,所占的空间是并没有删除的 代码: var arr=[12 ...

  8. javascript拖拽原理与简单实现方法[demo]

    美国人有一句常用的俗语—“Re-inventing the Wheel”,从字面上来解释就是“重新发明轮子”.可是轮子早已问世,再要去发明岂非劳而无功? 产品经理发下需求,实施者再到网上搜索代码,也许 ...

  9. bzoj3671 [Noi2014]随机数生成器

    传送门:http://www.lydsy.com/JudgeOnline/problem.php?id=3671 [题解] 贪心从1...n*m取,开两个5000*5000的数组就够了,可以重复利用, ...

  10. 51nod1245 Binomial Coefficients Revenge

    题目来源: HackerRank 基准时间限制:2 秒 空间限制:131072 KB 分值: 640  C(M,N) = M! / N! / (M - N)! (组合数).给出M和质数p,求C(M,0 ...