window对象

1、window对象

window对象是BOM的核心,window对象指当前的浏览器窗口

所有JS全局对象、函数以及变量均自动成为window对象的成员

全局变量是window对象的属性

全局函数是window对象的方法

甚至HTML DOM中的document也是window对象的属性之一

2、window尺寸(不包含工具栏和滚动条)

window.innerHeight           浏览器窗口的内部高度

window.innerWidth            浏览器窗口的内部宽度

3、window方法:

window.open()    打开新窗口               window.close()     关闭当前窗口

计时器

1、计时事件: 通过使用javascript,我们有能力做到在一个设定的时间间隔之后来执行代码。而不是在函数被调用后立即执行,我们称之为计时事件。

2、计时方法:      setInterval()        间隔指定的毫秒数不停地执行指定的代码              clearInterval()         停止setInterval()方法执行的函数代码

setTimeout()        暂停指定的毫秒数后执行指定的代码                    clearTimeout()         停止执行setTimeout()方法的函数代码    (自己调自己才能循环下去)

History对象

1、History对象:   window.history     对象包含了浏览器历史(url)的集合

2、History方法:   history.back()       与在浏览器中点击后退按钮相同

history.forward()  与在浏览器中点击向前按钮相同

history.go()         进入历史中的某一个页面

Location对象

1、Location对象: window.location对象用于获取当前页面的地址(URL),并把浏览器重新定位到新的页面

2、Location对象的属性:

location.hostname      返回Web主机的域名

location.pathname      返回当前页面的路径和文件名

location.port               返回Web主机的端口

location.protocol         返回所使用的web协议(http:// || https://)

location.herf               属性返回当前页面的URL

location.assign()         加载新的文档

Screen对象

1、Screen对象: window.screen 对象包含有关用户屏幕的信息

2、属性:     screen.availWidth      可用的屏幕宽度

screen.availHeight     可用的屏幕高度

screen.Height            屏幕高度

screen.Width             屏幕宽度

javascript浏览器对象的更多相关文章

  1. day63—JavaScript浏览器对象cookie

    转行学开发,代码100天——2018-05-18 今天的主要学内容时JavaScript中浏览器对象——cookie. cookie用于存储web页面的用户信息,其存储容量很小,一般几k左右.如常见的 ...

  2. web前端学习(四)JavaScript学习笔记部分(8)-- JavaScript 浏览器对象

    1.window对象 1.1.window对象: window对象是BOM的核心,window对象指当前的浏览器窗口 所有javaScript全局对象.函数以及变量均自动生成为window对象的成员 ...

  3. javascript - 浏览器对象

    Navigator对象 弹出窗口 Cookies Browser Objects 参考手册 参考手册描述了每个对象的属性和方法,并提供了在线实例. Window 对象 Navigator 对象 Scr ...

  4. JavaScript浏览器对象(BOM)中有关设备、浏览器屏幕高度和宽度的API介绍

    JavaScript世界中,有很多看起来能够帮我们知道网页宽度和高度的API,但太繁多了,而且容易弄混.不容易区分它们.下面我就来介绍一下,这些API到底是什么意思,之间的区别又在哪里. 一.设备的分 ...

  5. javascript学习笔记(八):浏览器对象

    window对象 <!DOCTYPE html> <html> <head lang="en"> <meta chaset="U ...

  6. JavaScript基础-对象<2>

    2.浏览器环境提供对象 (1) document对象 doucument对象属性: title:文本标题.doucument.title="Welcome"; lastModifi ...

  7. JavaScript的内置对象和浏览器对象

    在javascript中对象通常包括两种类型:内置对象和浏览器对象,此外,用户还可以自定义对象. 对象包含两个要素:1.用来描述对象特性的一组数据,也就是若干变量,通常称为属性.2.用来操作对象特性的 ...

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

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

  9. JavaScript进阶 - 第8章 浏览器对象

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

随机推荐

  1. [Virtualization][SDN] 讲的很好的SDN软件定义网络视频课程

    51CTO的免费课程,开始以为是扯蛋的,后来看了一下,讲的很好.注册一下,免费的. 只看了导论,挺好的. http://edu.51cto.com/course/course_id-4466.html

  2. php学习笔记 [预定义数组(超全局数组)]

    <?php  预定义数组: * 自动全局变量---超全局数组 * * 1.包含了来自WEB服务器,客户端,运行环境和用户输入的数据 * 2.这些数组比较特别 * 3.全局范围内自动生效,都可以直 ...

  3. nrf51822裸机教程-GPIO

    首先看看一下相关的寄存器说明 Out寄存器 输出设置寄存器 每个比特按顺序对应每个引脚,bit0对应的就是 引脚0 该寄存器用来设置 引脚作为输出的时候的 输出电平为高还是低. 与输出设置相关的 还有 ...

  4. C++ 虚函数畅谈

    0x01:前言 虚函数是C++里最重要的概念之一,并且是判定C++是否入门的一个热门问题.今天这篇文章简单谈谈虚函数. 0x02:虚函数简介 虚函数可以被子类实现函数所覆盖. virtual是关键字, ...

  5. Qt StyleSheet皮肤(黑色,比较好看,而且很全)

    使用方式如下 //设置皮肤样式 static void SetStyle(const QString &styleName) { QFile file(QString(":/imag ...

  6. php---文件上传分析

    文件上传: 先抄一段:预定义变量$_FILES数组有5个内容:       $_FILES['userfile']['name']——客户端机器文件的原名称       $_FILES['userfi ...

  7. 转: css box-sizing的用法

    當你設定一個元素樣式為 box-sizing: border-box;,這個元素的內距和邊框將不會增加元素本身的寬度. <!DOCTYPE html> <html lang=&quo ...

  8. [LeetCode] Divide Two Integers( bit + 二分法 )

    Divide two integers without using multiplication, division and mod operator. 常常出现大的负数,无法用abs()转换成正数的 ...

  9. Jquery下拉效果

    $('#触发元素').hover(function(){ $('#框框').slideDown(); //展开(动画效果)},function(){ $('#框框').slideUp(); //收起( ...

  10. App 上线流程

    http://www.cocoachina.com/bbs/read.php?tid=330302