javascript基础——window对象（screen、history、location、navigator、window对象常用方法、window对象常用事件）

1、screen

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

screen.availWidth 屏幕宽度

screen.availHeight 屏幕高度

2、history

forward() 方法可加载历史列表中的下一个页面

back() 方法可加载历史列表中的前一个页面（如果存在）

go() 方法可加载历史列表中的某个页面参数为正前进，参数为负后退

3、location

location.href 返回当前页面的地址

location.pathname 返回路径名

location.reload() 刷新本页面

4、navigator

5、window对象常用方法

prompt

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

alert

显示带有一个提示信息和一个确定按钮的警示框

confirm

显示一个带有提示信息、确定和取消按钮的对话框

close

关闭浏览器窗口

open

打开一个新的浏览器窗口，加载给定 URL 所指定的文档

setTimeout

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

setInterval

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

window.open（URL,name,features）打开一个新的浏览器窗口

window.close（）关闭浏览器窗口

6、window对象常用事件

*onload*	*一个页面或一幅图像完成加载在对象已加载时触发*
*onresize*	*随着窗口或框架大小的改变而改变* *window.οnresize=function(){}*
*onscroll*	*滚动条滚动事件*

当滚动条滚动的时候，获取滚动条数据

document.documentElement.scrollTop; 获取顶部

document.documentElement.scrollLeft; 获取左部

document.body.scrollTop;

document.body.scrollLeft;

兼容写法：

var wtop = document.documentElement.scrollTop || document.body.scrollTop;
    利用scroll设置回到顶部和吸顶效果var top = document.getElementById("top");  var timer = null, a;top.onclick = function () {clearInterval(timer);timer = setInterval(function () {document.documentElement.scrollTop -= 20;a = document.documentElement.scrollTop;if (a == 0) {clearInterval(timer);}}, 10)}var two = document.getElementById("two");window.onscroll = function () {var b = document.documentElement.scrollTop;if (b > 200) {two.style.position = "fixed";two.style.top="0";two.style.left="0";}else{two.style.position="";}}

javascript基础——window对象（screen、history、location、navigator、window对象常用方法、window对象常用事件）相关推荐

JS-function-BOM(window,history,location,navigator,screen)
JS-内置构造函数function-BOM 1 回顾 Number Number 实例的属性和方法:toFixed()toString()Number 构造函数本身的属性和方法:Number.MAX_ ...
JavaScript基础07-day09【嵌套for循环、break和continue、对象、数据类型、对象字面量、函数】
学习地址: 谷粒学院--尚硅谷哔哩哔哩网站--尚硅谷最新版JavaScript基础全套教程完整版(140集实战教学,JS从入门到精通) JavaScript基础.高级学习笔记汇总表[尚硅谷最新版Ja ...
JavaScript 基础（十六）：Navigator对象
2019独角兽企业重金招聘Python工程师标准>>> Navigator 对象包含有关浏览器的信息,通常用于检测浏览器与操作系统的版本. 1. 对象属性: 属性描述 appCod ...
JavaScript基础（一篇入门）
JavaScript入门 1.JS使用的基本语法 2.JavaScript解析HTML:DOM 2.1.JavaScript选择器 2.1.1.id选择器 2.1.2.name选择器 2.1.3.通过 ...
JavaScript(基础、高级)笔记汇总表【尚硅谷JavaScript全套教程完整版】
目录前言 JavaScript(基础+高级)配套资料下载 JavaScript 基础学习地址学习笔记 day 05(P001-P006)[2016.11.22] day 06(P007-P ...
JavaScript基础15-day17【BOM(Navigator、History、Location)、定时器、切换图片练习、轮播图】
学习地址: 谷粒学院--尚硅谷哔哩哔哩网站--尚硅谷最新版JavaScript基础全套教程完整版(140集实战教学,JS从入门到精通) JavaScript基础.高级学习笔记汇总表[尚硅谷最新版Ja ...
前端：JS/24/BOM和DOM简介，for...in循环遍历，window对象的属性和方法，延时器，定时器，screen屏幕对象，location地址栏对象，history历史记录对象
BOM 和DOM简介 BOM ,Browser Object Model ,浏览器对象模型: BOM主要提供了访问和操作浏览器各组件的方式: 浏览器组件:window(浏览器容器), location ...
JavaScript基础12-day14【DOM查询(获取元素节点、获取元素节点的子节点)、全选练习、DOM增删改、DOM添加删除记录、Window对象方法】
学习地址: 谷粒学院--尚硅谷哔哩哔哩网站--尚硅谷最新版JavaScript基础全套教程完整版(140集实战教学,JS从入门到精通) JavaScript基础.高级学习笔记汇总表[尚硅谷最新版Ja ...
JavaScript 基础（十三）：Window对象
2019独角兽企业重金招聘Python工程师标准>>> 一. window对象简介 window 对象是 BOM(浏览器对象模型) 的核心,window对象指当前的浏览器窗口. w ...

javascript基础——window对象（screen、history、location、navigator、window对象常用方法、window对象常用事件）

javascript基础——window对象（screen、history、location、navigator、window对象常用方法、window对象常用事件）相关推荐

最新文章

热门文章

prompt	显示可提示用户输入的对话框
alert	显示带有一个提示信息和一个确定按钮的警示框
confirm	显示一个带有提示信息、确定和取消按钮的对话框
close	关闭浏览器窗口
open	打开一个新的浏览器窗口，加载给定 URL 所指定的文档
setTimeout	在指定的毫秒数后调用函数或计算表达式
setInterval	按照指定的周期（以毫秒计）来调用函数或表达式