当前位置: 代码迷 >> 综合 >> javascript基础——window对象(screen、history、location、navigator、window对象常用方法、window对象常用事件)
  详细解决方案

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

热度:4   发布时间:2023-12-09 02:11:09.0

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="";}}
  相关解决方案