详解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. Python 3从入门到精通02-python的简单使用

    Python 3中的打印语句和字符串使用: Python中的常见数学运算: 这样的简单基础知识,你需要花5分钟就可以了,很基础的东西.

  2. Web程序中打开QQ、邮箱、阿里旺旺等

    在网页中使用链接打开QQ的聊天窗口有两种方式: uin的值为qq号 <a target="_blank" href="@Url.Content("tenc ...

  3. webkit、cef、nwjs、electron、 miniblink浏览器内核优缺点

    市面上作为嵌入的组件的可用的浏览器内核,不外乎这几个:webkit.cef.nwjs.electron. 1.cef:优点是由于集成的chromium内核,所以对H5支持的很全,同时因为使用的人也多, ...

  4. Oracle诊断工具 - ORA-1578 Troubleshooting Tool

    Oracle support网站提供ORA-1578错误诊断工具:ORA-1578 Troubleshooting Tool. ORA-1578 Troubleshooting Tool根据分析上传的 ...

  5. Linux setfacl/getfacl命令详解

    setfacl,命令名,设置文件访问控制列表,即ACL规则.而Acl(Access Control List)就是访问控制列表 setfacl常见命令参数 setfacl 2.2.51 -- 设定文件 ...

  6. 详细说明php的4中开源框架(TP,CI,Laravel,Yii)

    ThinkPHP简称TP,TP借鉴了Java思想,基于PHP5,充分利用了PHP5的特性,部署简单只需要一个入口文件,一起搞定,简单高效.中文文档齐全,入门超级简单.自带模板引擎,具有独特的数据验证和 ...

  7. Ogre学习教程:Ogre1.8.1+VS2010环境配置(转)

    http://blog.csdn.net/yangtrees/article/details/8724120 http://blog.csdn.net/cll611/article/details/8 ...

  8. RMAN恢复脚本案例

    $ crontab -l0 12,19 * * * $ORACLE_HOME/scripts/arcbkup.sh59 03 * * *  $ORACLE_HOME/scripts/dbbkup.sh ...

  9. [EffectiveC++]item46:需要类型转换时请为模板定义非成员函数

  10. 2018.08.31 10:57 swift 学习心得

    其实我一直很喜欢swift,我觉得Xcode很先进,买了一台MacBook就可以操作了,蛮好的. var str = "Hello, playground" var myVaria ...