窗口事件： onload 当网页加载完毕的时候触发 onscroll 滚动窗口时触发 鼠标事件： onclick 点击时触发 ondblclick 双击时触发 onmouseover 鼠标移入 onmouseout鼠标移出 onmouseenter 鼠标移入 onmouseleave 鼠标移出 on ...
分类：
其他好文 时间：
2021-07-01 16:53:32
阅读次数：
0
window.onload = function(){ var pageNo = 1, //页码 pageSize = 50, //每一页的条数 str =""; getData(pageNo); window.onscroll = function(){ //1、滚动条与顶部高度 var scro ...
分类：
Web程序 时间：
2021-03-18 14:07:57
阅读次数：
0
防抖节流模式 防抖debounce与节流throttle都是控制事件处理函数执行频率的方法，当函数会进行DOM操作或者具有请求服务器等行为并且作为高频事件例如onscroll触发的事件处理函数时，就需要进行事件处理函数执行频率的控制，否则会造成大量的资源浪费致使性能下降，当然无论是防抖与节流实质上并 ...
分类：
其他好文 时间：
2020-12-11 12:07:50
阅读次数：
4
一、文字备忘之标签 HTML5中新增的标签 <article> 定义文章 <aside> 定义页面内容旁边的内容 <audio> 定义声音内容 <canvas> 定义图形 <command> 定义一个控制按钮 <datagrid> 指树或表格状数据格式中的动态数据 <datalist> 定义一个下拉 ...
分类：
Web程序 时间：
2020-11-17 13:03:06
阅读次数：
36
文档上卷的距离+窗口的高度=文档的距离 就可以说到底了 但是我们往往在还未到低时候就开始加载下一页 //添加窗口滚动事件 window.onscroll = () => { //上卷距离 let st = document.documentElement.scrollTop || document. ...
分类：
其他好文 时间：
2020-11-01 21:35:08
阅读次数：
21
默认一个页面只能同时存在一个window.onscroll函数。有的时候我们会引入工具的js框架，在框架中使用onscroll统一监听每个页面，但是在某个页面，我们可能还要使用onscroll来监控滚动条，完成具体某个业务逻辑，这是该怎么做呢？ 方法1： 只适用有两个滚动事件共存时适用，当有多个的时 ...
事件 可以为按钮的对应事件绑定处理函数的形式来响应事件 btn.onclick=function(){ alert("haha") } onscroll 该事件会在元素的滚动条滚动时触发 ...
分类：
Web程序 时间：
2020-07-22 20:10:46
阅读次数：
75
一、scroll 相关属性 1、window.onscroll() 方法 当我们用鼠标滚轮，滚动网页的时候，会触发 window.onscroll() 方法。 如果你需要做滚动监听，可以使用这个方法。 2、ScrollWidth 和 scrollHeight `ScrollWidth` 和 `scr ...
分类：
Web程序 时间：
2020-06-24 12:23:39
阅读次数：
96
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> *{ padding: 0; margin: 0; } html,body{ height: 1000px; wid ...
分类：
其他好文 时间：
2020-06-18 01:52:57
阅读次数：
67
