window浏览器事件

window浏览器事件
load 加载
window.onload不仅是页面的加载，还在等待资源的加载
document.onload仅仅是页面的加载
document.onreload仅仅是页面的加载
resize 改变大小
scrool 滚动
hihstory历史记录
控制浏览器的“前进后退刷新”等于历史记录相关的功能
不方便在代码中临时测试，所以在浏览器中打开其他页面测试
属性：
历史记录的个数：history.length
方法：
前进：history.forword();
后退：history.back();
前进或者后退指定的步数，history.go(num);num为正前进，为负后退
location:地址url
控制浏览器的地址栏的内容
不方便在代码中临时测试，所以在页面的地址，设置之后，页面汇会自动进行跳转。
js实现跳转的方式：
location.href
既可以获取也可以设置：当前页面地址中向后台发送的数据部分，页面也会跳转;
location.search
既可以获取也可以设置：当前页面地址的锚点连接（哈希值，#后的部分），页面也会跳转
location.hash
方法：重新加下当前的地址，意味着刷新了；
location.reload();
跳转方法，必须传参，空字符刷新，指定地址会跳转；
location.assign("");
navigator:浏览器信息

navigator.userAgent：浏览器信息
- “Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_4) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/81.0.4044.129 Safari/537.36”
- navigator.appName：浏览器名字（废弃）
  - “Netscape”
- navigator.appVersion：浏览器版本
  - “5.0 (Macintosh; Intel Mac OS X 10_15_4) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/81.0.4044.129 Safari/537.36”
- navigator.appCodeName：浏览器内核
  - “Mozilla”
- navigator.platform：运行系统
  - “MacIntel”
    screen：屏幕尺寸
    显示器的分辨率
    frames 框架
    补充：
    获取页面的可视区域的大小
    document.documentElement.clientWidth
    document.documentElement.clientHeight
    -只能获取，布恩那个设置
    获取滚走的距离
    document.documentElement.scroolTop
    document.documentElement.scroolLeft
    既能获取，又能设置

window浏览器事件相关推荐

【前端】跨浏览器事件处理程序EventUtil.js个人注释及详解
<javascript高级程序设计>跨浏览器事件处理程序EventUtil.js个人注释 EventUtil.js // 跨浏览器事件处理程序封装 var EventUtil = {// ...
JavaScript单线程和浏览器事件循环简述
JavaScript单线程在上篇博客<Promise的前世今生和妙用技巧>的开篇中,我们曾简述了JavaScript的单线程机制和浏览器的事件模型.应很多网友的回复,在这篇文章中将继续展 ...
element tabs 添加事件_JavaScript-跨浏览器事件处理程序-Web前端教程
Web前端教程事件对象属于内核对象,它包含一个使用计数,一个用于标识该事件是一个自动重置还是一个人工重置的布尔值,和另一个用于指定该事件处于已通知状态还是未通知状态的布尔值. 由上面所述,可见事件对 ...
浏览器事件循环机制与Vue nextTick的实现
浏览器事件循环机制先上一段简单的代码 console.log('aa'); setTimeout(() => { console.log('bb')}, 0); Promise.resolve ...
java获取浏览器window对象,Window 浏览器窗口对象
声明:本栏目所使用的素材都是凯哥学堂VIP学员所写,学员有权匿名,对文章有最终解释权:凯哥学堂旨在促进VIP学员互相学习的基础上公开笔记. Window 浏览器窗口对象代表整个窗口Window属性如 ...
浏览器事件代理机制原理？
关于浏览器事件代理弄明白浏览器事件代理事前,先了解下事件.事件流. 一,事件 HTML DOM 允许 JavaScript 对 HTML 事件作出反应.即操作对应HTML元素时,会触发相应事件(包含 ...
onbeforeunload触发ajax,浅谈window.onbeforeunload() 事件调用ajax
经常有这样的需求,就是在离开某个web页面时,用户不一定点注销,这样会导致会话不能及时销毁.为实现用户离开页面时,自动注销功能,需要在web页面的onbeforeunload事件处理函数中发送注销命令 ...
Vue进阶（幺叁柒）：window.onresize事件在vue项目中的应用
属性 window.onresize属性可以用来获取或设置当前窗口的resize事件的事件处理函数. 在窗口大小改变之后,就会触发resize事件. //vue页面 <template>& ...
JS之事件处理（一）--事件概述、非IE浏览器/IE浏览器中的事件绑定、解决浏览器事件绑定兼容性问题
一.概述描述:事件本质是一种交互操作,事件通常与函数配合使用,当事件发生时函数才会执行事件是由三部分组成的:事件源事件类型事件处理程序事件源:事件被触发的对象–谁事件类型:如何触发什么事 ...

window浏览器事件

window浏览器事件相关推荐

最新文章

热门文章