详解BOM(浏览器对象模型(Browser Object Model))

✍ Window对象方法

方法

描述

alert()

显示带有一段消息和一个确认按钮的警告框

blur()

把键盘焦点从顶层窗口移开

close()

关闭浏览器窗口

confirm()

显示带有一段消息以及确认按钮和取消按钮的对话框

createPopup()

创建一个pop-up窗口

focus()

把键盘焦点给予一个窗口

open()

打开一个新的浏览器窗口或查找一个已命名的窗口

print()

打印当前窗口的内容

prompt()

显示可提示用户输入的对话框

moveBy()

可相对窗口的当前坐标把它移动指定的像素

moveTo()

把窗口的左上角移动到一个指定的坐标

resizeBy()

按照指定的像素调整窗口的大小

resizeTo()

把窗口的大小调整到指定的宽度和高度

scrollBy()

按照指定的像素值来滚动内容

scrollTo()

把内容滚动到指定的坐标

setInterval()

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

setTimeout()

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

clearInterval()

取消由setInterval()设置的timeout

clearTimeout()

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

✍ history对象

  ➣ History对象属性:

属性

描述

length

返回浏览器历史列表中的URL数量

  ➣ History对象方法:

方法

描述

back()

加载history列表中的前一个URL

forward()

加载history列表中的下一个URL

go()

加载history列表中的某个具体页面

✍ Document对象

  ➣ Document对象属性:

属性

描述

cookie

设置或返回与当前文档有关的所有cookie

domain

返回当前文档的域名

lastModified

返回文档被最后修改的日期和时间

referrer

返回载入当前文档的文档的URL

title

返回当前文档的标题

URL

返回当前文档的URL

  ➣ Document对象方法:

方法

描述

close()

关闭用document.open()方法打开的输出流,并显示选定的数据

getElementById()

返回对拥有指定id的第一个对象的引用

getElementsByName()

返回带有指定名称的所有元素的节点列表

getElementsByTagName()

返回带有指定标签名的所有元素的节点列表

getElementsByClassName()

返回带有指定类名的所有元素的节点列表

open()

打开一个流,以收集来自任何document.write()或document.writeln()方法的输出

write()

向文档写HTML表达式或JavaScript代码

writeln()

等同于write()方法,不同的是在每个表达式之后写一个换行符

(write()方法值得注意,在文档载入和解析的时候,它允许一个脚本向文档中插入动态生成的内容)

✍ Location对象

  ➣ Location对象属性:

属性

描述

hash

设置或返回从井号(#)开始的URL(锚)

host

设置或返回主机名和当前URL的端口号

hostname

设置或返回当前URL的主机名

href

设置或返回完整的URL

pathname

设置或返回当前URL的路径部分

port

设置或返回当前URL的端口号

protocol

设置或返回当前URL的协议

search

设置或返回从问号(?)开始的URL(查询部分)

  ➣ Location对象方法:

属性

描述

assign()

加载新的文档

reload()

重新加载当前文档

replace()

用新的文档替换当前文档

✍ Screen对象属性

属性

描述

availHeight

返回显示屏幕的高度 (除 Windows 任务栏之外)

availWidth

返回显示屏幕的宽度 (除 Windows 任务栏之外)

height

返回显示屏幕的高度

width

返回显示器屏幕的宽度

✍ Navigator对象

  ➣ Navigator对象属性:

属性

描述

appCodeName

返回浏览器的代码名

appMinorVersion

返回浏览器的次级版本

appName

返回浏览器的名称

appVersion

返回浏览器的平台和版本信息

browserLanguage

返回当前浏览器的语言

cookieEnabled

返回指明浏览器中是否启用cookie的布尔值

cpuClass

返回浏览器系统的CPU等级

onLine

返回指明系统是否处于脱机模式的布尔值

platform

返回运行浏览器的操作系统平台

systemLanguage

返回OS使用的默认语言

userAgent

返回由客户机发送服务器的user-agent头部的值

userLanguage

返回OS的自然语言设置

  ➣ Navigator对象方法:

方法

描述

javaEnabled()

规定浏览器是否启用Java

taintEnabled()

规定浏览器是否启用数据污点(data tainting)

JavaScript总结(四)的更多相关文章

  1. 学习javascript数据结构(四)——树

    前言 总括: 本文讲解了数据结构中的[树]的概念,尽可能通俗易懂的解释树这种数据结构的概念,使用javascript实现了树,如有纰漏,欢迎批评指正. 原文博客地址:学习javascript数据结构( ...

  2. JavaScript中四种不同的属性检测方式比较

    JavaScript中四种不同的属性检测方式比较 1. 用in方法 var o = {x:1}; "x" in o; //true "y" in o; //fa ...

  3. JavaScript(四)——DOM操作——Window.document对象

    一.找到元素: docunment.getElementById("id"):根据id找,最多找一个:    var a =docunment.getElementById(&qu ...

  4. Javascript的四种继承方式

    在Javascript中,所有开发者定义的类都可以作为基类,但出于安全性考虑,本地类和宿主类不能作为基类,这样可以防止公用访问编译过的浏览器级的代码,因为这些代码可以被用于恶意攻击. 选定基类后,就可 ...

  5. 深入理解 JavaScript(四)

    前言 Bob 大叔提出并发扬了 S.O.L.I.D 五大原则,用来更好地进行面向对象编程,五大原则分别是: The Single Responsibility Principle(单一职责 SRP) ...

  6. Javascript基础四(数组,字符,对象,日期)

    第一节:数组 1.数组的概念及定义     可以存放一组数据:          当需要操作多个数据时: 2.数组的创建方式 var arr1 = [1,2,3]; //字面量方式 var arr2 ...

  7. 「JavaScript」四种跨域方式详解

    超详细并且带 Demo 的 JavaScript 跨域指南来了! 本文基于你了解 JavaScript 的同源策略,并且了解使用跨域跨域的理由. 1. JSONP 首先要介绍的跨域方法必然是 JSON ...

  8. javascript第四节其它引用对象

    单体对象 Global对象(全局)这个对象不存在,无形的对象 其内部定义了一些方法和属性:encodeURL.encodeURIComponent.decodeURI.decodeURICompone ...

  9. javascript继承(四)—prototype属性介绍

    js里每一个function都有一个prototype属性,而每一个实例都有constructor属性,并且每一个function的prototype都有一个constructor属性,这个属性会指向 ...

  10. JavaScript案例四:全选练习

    JavaScript实现全选,全不选等效果... <!DOCTYPE html> <html> <head> <title>JavaScript全选练习 ...

随机推荐

  1. JS 触发不同ifram控件,实现刷新,关闭标签(H+框架)

    例: //前台页面事件处理模块var EventOperation = { Refresh: function (data_id) { var a = (window.top); var ele = ...

  2. CDN高级技术专家周哲:深度剖析短视频分发过程中的用户体验优化技术点

    深圳云栖大会已经圆满落幕,在3月29日飞天技术汇-弹性计算.网络和CDN专场中,阿里云CDN高级技术专家周哲为我们带来了<海量短视频极速分发>的主题分享,带领我们从视频内容采集.上传.存储 ...

  3. 铁乐学python-面向对象的更多说明

    以下内容摘自授课老师的博客http://www.cnblogs.com/Eva-J/ 面向对象的更多说明 面向对象的软件开发 很多人在学完了python的class机制之后,遇到一个生产中的问题,还是 ...

  4. Ubuntu 14.04 修改时区

    执行下面命令,并按照提示选择"Asia/Shanghai": sudo dpkg-reconfigure tzdata 正常执行结果为: Current default time ...

  5. ubuntu 12.04配置mac的Lion主题的风格

    1.下载mac壁纸 http://drive.noobslab.com/data/wallpapers/Mac-os-x-Wallpapers%28NoobsLab.com%29.zip 根据自己喜好 ...

  6. nginx反向代理跨域基本配置与常见误区

    最近公司前后端分离,前端独立提供页面和静态服务很自然的就想到了用nginx去做静态服务器.同时由于跨域了,就想利用nginx的反向代理去处理一下跨域,但是在解决问题的同时,发现网上有些方案的确是存在一 ...

  7. Uva10048 Audiophobia (Floyd)

    题意:有一个无向带权图,求出两点之间路径的最大边权值最小能为多少. 思路:使用floyd算法跑一边以备查询,每一次跑的过程中dp[i][j]=min(dp[i][j],max(dp[i][k],dp[ ...

  8. python第十七课——列表生成式

    1.列表生成式: 什么是列表生成式? 它就是一串表达式,专门用于生成列表对象,当中包含一系列的业务逻辑: 结构:简介.优雅.阅读性好:比传统获取列表对象来的更加的方便: 它是语法糖的一种: 什么是语法 ...

  9. BZOJ1513:[POI2006]TET-Tetris 3D(线段树套线段树)

    Description Task: Tetris 3D "Tetris" 游戏的作者决定做一个新的游戏, 一个三维的版本, 在里面很多立方体落在平面板,一个立方体开始落下直到碰上一 ...

  10. 3631. [JLOI2014]松鼠的新家【树形DP】

    Description 松鼠的新家是一棵树,前几天刚刚装修了新家,新家有n个房间,并且有n-1根树枝连接,每个房间都可以相互到达,且俩个房间之间的路线都是唯一的.天哪,他居然真的住在“树”上.松鼠想邀 ...