`
张闯闯1994
  • 浏览: 19683 次
  • 性别: Icon_minigender_1
  • 来自: 石家庄
社区版块
存档分类
最新评论

浏览器常用对象简介

阅读更多

       所有浏览器通用的对象包括document、navigator、history、screen和location。document对象表示页面;history对象包含用户访问页面的历史信息;navigator对象包含浏览器的信息screen对象包含了客户端显示能力的信息location对象包含了当前页面的位置信息。但最常用的应该是window对象:

       1.window对象 

        window对象代表浏览器的框架或窗口,其中也包含了网页;它是全局对象,因而不用使用其名称来访问其属性和方法,比如alert()函数,其实就是window对象的alert()方法。故:

alert("Hello everyone");
window.alert("Hello everyone");

    上面两行代码效果完全相同。

window对象不但充当全局作用域,而且表示浏览器窗口。

window对象有innerWidth和innerHeight属性,可以获取浏览器窗口的内部宽度和高度。内部宽高是指除去菜单栏、工具栏、边框等占位元素后,用于显示网页的净宽高。与之对应,还有outerWidth和outerHeight属性,可以获取整个浏览器窗口的宽度和高度。如下:

alert('window inner size: ' + window.innerWidth + ' x ' + window.innerHeight);//内宽高;
alert('window outer size: ' + window.outerWidth + ' x ' + window.outerHeight);//整个浏览器宽高;

2.history对象

    history对象跟踪用户访问的每一个页面,这个页面列表通常被称为历史栈,它允许用户单击浏览器的“前进”,“后退”按钮来重新访问页面,与JavaScript的数组对象类型相似,也拥有length属性,使用它可以获得历史栈的页面个数。history对象有back()和go()方法,用户单击浏览器的“前进”,“后退”按钮来重新访问页面的功能就可以用back()和go()方法来实现。在back()和go()方法的括号中有一个参数,我们就通过这个参数来访问历史栈中往前、往后的页面,如下:

history.go(-2);//向后退两个页面;
history.go(3);//向前进三个页面;

 back()方法用法与go()类似,只是前进、后退方向与go()方法相反。

3.location对象

    location对象包含了大量与当前页面相关的有用信息。它不仅包含了页面的统一资源定位器(URL),还包含了保存了页面的服务器、链接服务器的端口号及所使用的协议。分别可以通过location对象的herf、hostname、port和protocol属性获得这些信息。

除此之外,使用location对象的方法还可以改变当前页面的位置,或者刷新页面。可以采用两种方式导航到另一个页面,例如,要用myPage页面替换当前页面:

window.location.replace("myPage.html");//使用replace()方法
window.location.herf="myPage.html";//使用设置herf属性的方法

 由于window对象是全局的,因此上面代码也可以这样写:

location.replace("myPage.html");//使用replace()方法
location.herf="myPage.html";//使用设置herf属性的方法;

4.navigator对象

    navigator对象是window对象的属性它包含了浏览器和运行浏览器的操作系统的大量信息。他最常用的属性有:navigator.appName:浏览器名称,navigator.appVersion:浏览器版本,navigator.language:浏览器设置的语言,navigator.platform:操作系统类型,navigator.userAgent:浏览器设定的User-Agent字符串。

5.screen对象

对象表示屏幕的信息,常用的属性有:screen.width:屏幕宽度(以像素为单位),screen.height:屏幕高度(以像素为单位),screen.colorDepth:返回颜色位数,如8、16、24

6.document对象

document对象也是最常用的对象之一,但不同浏览器的document对象存在较大的差异,但它依然有一些同于的属性和方法,比如write()方法和bgcolor()方法,使用方法也很简单:

document.bgColor="red';//设置页面背景色为红色
document.write("this is red color ");//在页面上显示字符串"this is red color "

以上只是对浏览器的简要介绍,仅供了解。 

 

分享到:
评论
1 楼 chenyue1 2016-09-20  
总结的很详细,一看便知比较用心在写,描述性语句和例子都很合适,继续努力!

相关推荐

    JS浏览器对象

    JS浏览器对象 Window对象是客户端JavaScript最高层对象之一,只要打开浏览器窗口,不管该窗口中是否有打开的网页,都会自动建window对象的实例。

    bom浏览器对象模型

    bom浏览器对象模型,bom的一些常用属性跟方法,便于大家学习

    c#操作浏览器dom对象

    1. **Web自动化框架**:C#中最常用的Web自动化框架是Selenium WebDriver,它支持多种浏览器,如Chrome、Firefox和Edge。Selenium提供了API,使开发者能够编写代码来模拟用户在浏览器上的各种操作,包括点击、输入...

    javascript常用对象及方法

    javascript常用对象及方法 javascript中有许多常用的对象和方法,了解这些对象和方法可以帮助我们更好地使用javascript。下面我们将详细介绍这些对象和方法。 一、窗口对象Window Window对象是javascript中的顶级...

    易语言浏览器易语言浏览器

    易语言支持多种编程模式,包括事件驱动、过程式和面向对象编程,提供了丰富的内置函数和类库,可以方便地进行系统操作、文件处理、网络通信等多种功能。 浏览器作为互联网的入口,其工作原理主要包括以下几个部分:...

    javascript浏览器对象编程

    document对象常用属性和方法 window对象的常用属性和方法 history对象的常用属性和方法 location对象的常用属性和方法

    JavaScript的浏览器对象详解

    `document`对象的一些常用方法包括: - `getElementById(id)`: 通过ID获取元素。 - `getElementsByTagName(tagname)`: 通过标签名获取元素集合。 - `getElementsByClassName(classname)`: 通过类名获取元素集合。 -...

    selenium三种常用浏览器驱动

    本篇文章将深入探讨Selenium的三种常用浏览器驱动:ChromeDriver、GeckoDriver(用于Firefox)和EdgeDriver。 1. **ChromeDriver**: ChromeDriver是Google Chrome浏览器的官方驱动,由Chrome团队开发和维护。它...

    javascript常用对象梳理

    作为客户端JavaScript的最高层对象之一,`Window`对象几乎贯穿于所有的浏览器交互过程中。无论是简单的页面操作还是复杂的动态效果实现,都离不开对`Window`对象及其属性、方法的灵活运用。 #### 二、Window对象的...

    session对象及其常用方法

    Session 对象及其常用方法 Session 对象是 Java Web 开发中一个非常重要的对象,它用于在会话范围内记录每个客户端的访问状态,以便于跟踪每个客户端的操作状态。在本文中,我们将详细介绍 Session 对象及其常用...

    JAVA浏览器

    Eclipse是开发浏览器的常用开发环境之一,它提供了一个集成的开发环境,可以帮助我们快速开发和调试浏览器。在开发浏览器时,我们可以使用Eclipse来编写、编译和调试浏览器的代码。 本文围绕JAVA浏览器的开发和设计...

    ASP-NET常用对象ppt课件(全).ppt

    "ASP.NET常用对象ppt课件(全)" ASP.NET是一种基于Web的应用程序开发框架,它提供了许多有用的对象,帮助开发者快速构建Web应用程序。本次,我们将对ASP.NET常用对象进行总结和分析。 1. Page类: Page类是ASP.NET...

    JavaScript常用对象参考

    这篇内容主要总结了JavaScript中的一些常用对象,包括Math对象和Document对象。 Math对象是JavaScript内置的一个全局对象,提供了许多数学常量和函数。例如,`Math.E`返回自然对数的底数e,`Math.PI`则给出了圆周率...

    HTML对象简介

    ### HTML对象简介 #### 一、HTML常用对象 在网页设计与开发中,HTML对象扮演着极其重要的角色,它们构成了网页的基本元素。以下是一些常用的HTML对象及其简要介绍: - **Form**: 表单对象,用于收集用户输入的...

    JavaScript常用对象详解

    ### JavaScript常用对象详解 在深入探讨JavaScript的常用对象之前,我们先来理解一下JavaScript作为一种脚本语言,在网页开发中的核心作用。JavaScript使网页具备了动态交互能力,它可以通过操作页面对象和执行各种...

    判断浏览器类型(判断浏览器类型)

    JavaScript提供了许多内置对象和方法,可以用来检测浏览器类型。以下是一些常用的JavaScript代码片段: 1. 利用`navigator.userAgent`属性: ```javascript var userAgent = navigator.userAgent; if (userAgent....

    js判断浏览器类型,返回浏览器类型名称.

    `navigator.userAgent`属性是最常用的一个,它返回一个字符串,包含了浏览器的标识符。这个标识符通常包括浏览器的名称、版本、操作系统等信息。 例如,对于Chrome浏览器,`navigator.userAgent`可能返回如下内容:...

    判断浏览器版本Js,浏览器兼容

    最常用的方法是通过`navigator`对象,它包含了有关浏览器的详细信息。例如,`navigator.userAgent`属性返回一个字符串,包含了浏览器的名称、版本和操作系统等信息。我们可以据此来判断浏览器的类型和版本。 以下是...

    C#winfrom客户端浏览器

    在IT领域,尤其是在Windows应用程序开发中,C# WinForms是一个常用的技术栈,用于构建桌面应用程序。本主题聚焦于“C# WinForm客户端浏览器”,这是一个基于C#编程语言和WinForms框架构建的内置浏览器功能。WinForms...

    ASP常用对象使用demo

    在这个“ASP常用对象使用demo”中,我们主要关注几个核心的ASP.NET对象,包括Cookies、HttpContext、Server以及Request和Response。这些对象构成了ASP.NET应用程序的基础,帮助开发者与用户交互,处理数据并控制页面...

Global site tag (gtag.js) - Google Analytics