BOM(Browser Object Model)浏览器对象模型,一组浏览器提供的API。

window对象

window对象表示当前浏览器的窗口,是Javascript的顶级对象,所有创建的对象、函数、变量都是window对象的成员。

通常,我们使用window对象的属性和方法时,都将省略window关键字,window对象是一个全局的对象。

如:window.onload , window.document , window.变量名 , window.标签ID

confirm()方法

window.onload=function()
{
//confirm方法
//以下都可以 可以省略window
//window.document.getElementById("btn").onclick=function(){}
//window.btn.onclick=function(){}
btn.onclick=function(){
if(confirm("你确定这样做吗"))
{
alert("选择了是");
}
}
}

Location对象

location对象用来获取当前页面的地址(URL),并可以将浏览器重定向到新地址。

document.write("URL:" + location.href + "<br>");
document.write("域名:" + location.host + "<br>");
document.write("主域名(不带www的域名):" + location.hostname + "<br>");
document.write("路径:" + location.pathname + "<br>");
document.write("协议:" + location.protocol);

常用的就是href,host,reload();

<button id="baidu" onclick="location.href='http://www.baidu.com/'">去百度</button>
<button id="reload" onclick="location.reload()">刷新</button>

History对象

history对象包含浏览器的历史信息。

用户可以通过浏览器前进或者后退访问浏览过的页面。Javascript的history对象记录了用户曾经浏览过的页面,可以实现类似功能。

<button onclick="history.forward();">前进</button>
<button onclick="history.back();">后退</button>

forward前进一页,back后退一页,还有个go()方法,go(1)前进一页,go(-1)后退一页,go(0)刷新页面。

Navigator对象

navigator对象通常用于获取浏览器和操作系统的信息。

document.write("浏览器名称:"+navigator.appName + "<br>");
document.write("平台和版本:"+navigator.appVersion + "<br>");
document.write("操作系统:"+navigator.platform + "<br>");
document.write("userAgent:"+navigator.userAgent + "<br>");

Screen对象

screen对象主要用来获取用户屏幕的信息。

document.write("屏幕信息:<br>");
document.write("分辨率:"+screen.width + " * " + screen.height +"<br>");
document.write("可用区域:"+screen.availWidth + " *" + screen.availHeight + "<br>");

24、Javascript BOM的更多相关文章

  1. JavaScript高级:JavaScript面向对象,JavaScript内置对象,JavaScript BOM,JavaScript封装

    知识点梳理 课堂讲义 1.JavaScript面向对象 1.1.面向对象介绍 在 Java 中我们学习过面向对象,核心思想是万物皆对象. 在 JavaScript 中同样也有面向对象.思想类似. 1. ...

  2. 新手理解HTML、CSS、javascript之间的关系

    http://www.cnblogs.com/dreamingbaobei/p/5062901.html 工作多年,一直忙忙碌碌的应用各种技术,现在不忙了,问问自己究竟在做什么,究竟会什么竟答不上来, ...

  3. 前端html、Javascript、CSS技术小结

    简单地总结了一下前端用过的html.javascript.css技术,算是清点一下,做个大略的小结,为进一步的学习给个纲领. 一.HTML 由于HTML5的兴起,简单地判断一个网页是否是html5网页 ...

  4. 二、JavaScript语言--JS基础--JavaScript进阶篇--浏览器对象

    1.window对象 window对象是BOM的核心,window对象指当前的浏览器窗口. window对象方法:

  5. 新手理解HTML、CSS、javascript之间的关系-修订

    几年前写过一篇博文 <新手理解HTML.CSS.javascript之间的关系>,没想到网上出现了不少转载,当时没有太用心,里面的很多内容有待商榷,这里发布重新发布一篇. 网页主要有三部分 ...

  6. 6、JavaScript进阶篇③——浏览器对象、Dom对象

    一.浏览器对象 1. window对象 window对象是BOM的核心,window对象指当前的浏览器窗口. window对象方法: 注意:在JavaScript基础篇中,已讲解了部分属性,windo ...

  7. 160930、Javascript的垃圾回收机制与内存管理

    一.垃圾回收机制-GC Javascript具有自动垃圾回收机制(GC:Garbage Collecation),也就是说,执行环境会负责管理代码执行过程中使用的内存. 原理:垃圾收集器会定期(周期性 ...

  8. 3、JavaScript

    1.    JavaScript简介 1.1. JavaScript由来 Netscape 发明了 JavaScript JavaScript由Netscape 在1995年发明.早期的主要目的是处理 ...

  9. AES加密CBC模式兼容互通四种编程语言平台【PHP、Javascript、Java、C#】

    原文:AES加密CBC模式兼容互通四种编程语言平台[PHP.Javascript.Java.C#] 由于本人小菜,开始对AES加密并不了解,在网络上花了比较多时间查阅资料整理: 先简单从百度找来介绍: ...

随机推荐

  1. WebBrowser控件跨域访问页面内容

    原文出处 :http://blog.csdn.net/nocky/article/details/6056802 源码出处:http://www.codecentrix.com/blog/wnd2do ...

  2. 【数据结构】之二叉树的java实现

    转自:http://blog.csdn.net/wuwenxiang91322/article/details/12231657 二叉树的定义: 二叉树是树形结构的一个重要类型.许多实际问题抽象出来的 ...

  3. SQL Server数据库存在判断语句及系统表简介 转

    Transact-SQL Exists Sentences--判断数据库是否存在IF EXISTS(SELECT * FROM master.sysdatabases WHERE name=N'库名' ...

  4. [转]NHibernate之旅(2):第一个NHibernate程序

    本节内容 开始使用NHibernate 1.获取NHibernate 2.建立数据库表 3.创建C#类库项目 4.设计Domain 4-1.设计持久化类 4-2.编写映射文件 5.数据访问层 5-1. ...

  5. Linux NTP校时

    1.安装客户端(root权限运行) apt-get install ntpdate 2.修改配置文件:“/etc/default/ntpdate”,     NTPSERVERS="ntp. ...

  6. 我记录综合系统学习研究之用户管理五(如何利用wojilu打造一个全新的SNS应用)

    wojilu框架特别适合快速开发多用户分享内容应用,比如知乎,digg这类应用. 对于博客等用户程序,要有4个入口:1)用户展示入口(展示自己的应用) 2)用户后台管理入口(管理自己的应用) 3)聚合 ...

  7. Java中重载和重写的区别

    重载 overloading 1) 方法重载是让类以统一的方式处理不同类型数据的一种手段.多个同名函数同时存在,具有不同的参数个数/类型.重载是一个类中多态性的一种表现. 2) Java的方法重载,就 ...

  8. 字符编码笔记:ASCII,Unicode和UTF-8,附带 Little endian和Big endian的解释

    作者: 阮一峰 日期: 2007年10月28日 今天中午,我突然想搞清楚Unicode和UTF-8之间的关系,于是就开始在网上查资料. 结果,这个问题比我想象的复杂,从午饭后一直看到晚上9点,才算初步 ...

  9. iPhone 6出现后,如何将一份设计稿支持多个尺寸?

    http://mp.weixin.qq.com/s?__biz=MzA4NTQzNTMwOA==&mid=201174413&idx=3&sn=c3fe5b3459bac288 ...

  10. C#.net 创建XML

    方法一:按照XML的结构一步一步的构建XML文档.    通过.Net FrameWork SDK中的命名空间"System.Xml"中封装的各种类来实现的 方法二:直接定影XML ...