随笔分类 - javascript
摘要：[Toc] 窗口移动 window.moveTo()与window.moveBy()方法。 以上代码虽然各个浏览器都支持，但是适用性不同。 IE\EDGE:允许对当前页面进行调整。 Chrome、Opera、FF：不允许对当前页面进行位置调整。只允许对window.open出来的页面进行调整。实验证
阅读全文
摘要：window.open()方法会返回一个指向新窗口的索引。我们可以尝试使用该索引来调整新窗口的位置和大小。 调用close()方法还可以关闭新打开的窗口 大多数浏览器只允许通过用户点击的方式弹出窗口，例如以下代码的弹窗行为会被浏览器制止。 上面的代码实测在chrome、FF、Opera、Edge中均
阅读全文
摘要：接收两个参数：第一个参数是指定生成的字符串的最小长度，第二个参数是用来补全的字符串。如果没有指定第二个参数，默认用空格填充。 padStart()用于头部补全 <p id="time"></p>//18:52:01 <script> window.onload = () => { var dt =
阅读全文
摘要：[Toc] reduce方法从数组的第一项开始，逐个遍历到最后。reduceRight从数组的最后一项开始，向前遍历到第一项。 接收两个参数：一个在每一项上调用的函数和（可选的）作为归并基础的初始值。 传给reduce和reduceRight的函数接收四个参数：前一个值（previous），当前值（
阅读全文
摘要：[Toc] concat 1.创建当前数组的副本。2.将接收到的参数添加到这个副本的末尾。3.返回构建的新数组。 concat不影响原数组。 var colors=["red","green","blue"]; var colors2=colors.concat("yellow",["black",
阅读全文
摘要：includes方法用来判断一个数组是否包含一个指定的值，如果是返回true，否则返回false let side=['runoob','google','taobao']; var result1=side.includes('runoob'); var result2=side.includes
阅读全文
摘要：[Toc] indexOf和lastIndexOf都接受两个参数：1.要查找的项。2.要查找的起点的索引 执行比较操作的时候，使用的是“===”。 indexOf在接收空字符串为查找项时不反回 1，返回0。 常用于关键字查找时，如果找到某个列表则返回相关列表，找不到则返回全部列表
阅读全文
摘要：ES5定义了5种迭代方法：every(),filter(),forEach(),map(),some() 每个方法都接受两个参数：1.要在每一项上运行的函数。2.运行该函数的作用域对象————影响this的值(可选) 要在每一项上运行的函数接收三个参数：1.数组项的值（item）。2.该项在数组中的
阅读全文
摘要：这是ES6新增的方法 ##find find()函数用来查找目标元素，找到就返回该元素，找不到返回undefined。 <p id="demo"></p><!--显示18--> <button onclick="myFunction()">click</button> <script> var ag
阅读全文
摘要：[Toc] 创建方式 使用构造函数创建： 参数1：要匹配的字符（不能有空格） 参数2：匹配模式（常用g（全局匹配），i（忽略大小写）） 字面量方式创建 方法 test() 检测字符串中是否包含定义字符模式 exec() 检索字符串中指定的值。匹配成功返回一个数组，匹配失败返回null match()
阅读全文
摘要：延迟脚本： 诸如以下的html文档： <!Doctype html> <html> <head> <title>延迟脚本</title> <script src="defer.js"></script> </head> <body> <div id="target"></div> </body> <
阅读全文
摘要：click：点击鼠标左键或者按下回车键触发。onclick事件处理程序也同样可以通过这两个方式执行。 dblclick：DOM3级事件。双击鼠标左键。 mousedown：单击鼠标左键。 mouseup：松开单击着的鼠标左键。 （click包括按下与松开鼠标左键两个步骤，mousedown仅仅是按下
阅读全文
摘要：1.mousewheel事件 当鼠标滚轮滚动时在页面上触发mousewheel事件，该事件会一直冒泡到window对象上。当鼠标向前滚动时，event.wheelDelta的值为正数，向后滚动时为负数。（谷歌是正负150，Edge、opera是正负120） 2.DOMMouseScroll事件 这是
阅读全文
摘要：因为欧洲人对于英文字母的gqp等带有小尾巴的字母的写入需求，会有一条baseline用于字母主体写入，比如abcdefghijk等字母，仔细观察会发现它们之中有一条隐藏的线将字母的主体水平对齐，gh这类字母对比a虽然一个向上超出，一个向下超出，但它们的字母主体是水平对齐的，在a字母的下方就是这条水平
阅读全文
摘要：blur：元素失去焦点时触发。这个时间不冒泡，所有浏览器均支持。 focus：元素获得焦点时触发，这个事件不会冒泡，所有浏览器均支持。 focusin：元素获得焦点时触发，这个事件与HTML事件的focus等价。 focusout：元素失去焦点时触发，与HTML事件的blur等价。
阅读全文
摘要：浏览器支持情况：IE9在内的所有主流浏览器都支持DOM2事件，IE9同样支持DOM3级事件。 load：1.页面完全加载在window上触发。2.图片完全加载后在<img>上触发。3.嵌入内容加载完毕后在<object>上触发。4.框架加载完毕后在框架集上触发 window.onload=()=>{
阅读全文
摘要：var eventUntil={ addHandler:(element,type,handler)=>{ if(element.addEventListener){ element.addEventListener(type,handler,false); }else if(element.att
阅读全文
摘要：总结： 1.IE浏览器中有三种事件处理程序：HTML事件处理程序，DOM0级事件处理程序，IE事件处理程序。 2.IE浏览器中的HTML事件处理程序调用事件对象：直接调用event变量： onclick=“alert(event.type);” 3.IE浏览器中的DOM0级事件处理程序通过调用win
阅读全文
摘要：触发DOM上的交互事件会生成一个event对象，用以保存事件的信息。比如鼠标交互的事件会保存鼠标的位置，键盘交互的事件会保存键的值。 1.DOM0级和DOM2级事件处理程序在进行事件处理时都会有一个event对象传入。例如event.type会保存事件类型名称。 2.HTML事件处理程序中的变量ev
阅读全文
摘要：总结： 1.HTML事件处理程序不允许使用未转义字符，event变量访问事件对象，this指向目标元素本身，建议使用try/catch语句避免浏览器报错，但并不推荐使用HTML事件处理程序。 2.DOM0级事件处理程序中this指向目标元素本身，赋值null删除事件处理程序。 3.DOM2级事件处理
阅读全文