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. BZOJ1499:[NOI2005]瑰丽华尔兹——题解

    http://www.lydsy.com/JudgeOnline/problem.php?id=1499 舞厅是一个N行M列的矩阵,矩阵中的某些方格上堆放了一些家具,其他的则是空地.钢琴可以在空地上滑 ...

  2. bzoj3524: [Poi2014]Couriers(主席树)

    主席树(可持久化权值线段树)初探... 修改一个点只对树上logn个点有影响,所以新建logn个点就行了,总共新建mlogn个点. 查询一个区间[l,r],相当于将数一个一个加进树,询问第l到第r次操 ...

  3. [ethernet]ubuntu更换网卡驱动

    问题: 网络不能ping通,dmesg显示很多 [::00.0: eth0: link up [::00.0: eth0: link up [::00.0: eth0: link up [::00.0 ...

  4. bzoj 3580 冒泡排序 乱搞+思维

    冒泡排序 Time Limit: 15 Sec  Memory Limit: 256 MBSubmit: 243  Solved: 108[Submit][Status][Discuss] Descr ...

  5. ACM1558两线段相交判断和并查集

    Segment set Problem Description A segment and all segments which are connected with it compose a seg ...

  6. HDU3524 数论

    Perfect Squares Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 65536/32768 K (Java/Others)T ...

  7. 耗子学Python了(1)___Python环境配置

    一:写在开始的开始 最近我们团对的老大问我想看什么书,我让老大买了一本<Python 3面向对象编程>,所以在看的时候边敲边实践,决定在自己电脑配置下相应的环境,然后开始Python的学习 ...

  8. 原生js addclass,hasClass,removeClass,toggleClass的兼容

    (function (window) { 'use strict'; // class helper functions from bonzo https://github.com/ded/bonzo ...

  9. 【洛谷 P4051】 [JSOI2007]字符加密(后缀数组)

    题目链接 两眼题.. 第一眼裸SA 第二眼要复制一倍再跑SA. 一遍过.. #include <cstdio> #include <cstring> #include < ...

  10. [bzoj4569][SCOI2016]萌萌哒-并查集+倍增

    Brief Description 一个长度为n的大数,用S1S2S3...Sn表示,其中Si表示数的第i位,S1是数的最高位,告诉你一些限制条件,每个条 件表示为四个数,l1,r1,l2,r2,即两 ...