javascript
关注
分享
扫一扫
文章平均质量分 85
zzzzzzz周绍辉
攻城狮，程序猿
展开
-
Js遍历对象的属性
本文写于 2018/6/4 ES6ES6一共有5中方法可以遍历对象的属性for...infor...in循环遍历对象自身和继承的可枚举属性(不含Symbol属性)。Object.keys(obj)Object.keys()返回一个数组，包括对象自身的(不含继承的)可枚举属性(不含Symbol属性)的键名。Object.getOwnPropertyNames(obj)...原创 2018-06-05 11:32:13 · 2017 阅读 · 0 评论 -
const声明常量以及冻结一个对象
const是ES6新增加的关键字，作用是声明一个只读变量。这个变量指向的内容地址是不可以改动的。const a = 1a = 4 // TypeError: Assignment to constant variable.和let一样，它也有暂时性死区和块级作用域的特性。// 暂时性死区console.log(b) // ReferenceErrorconst b ...原创 2018-05-30 11:32:44 · 878 阅读 · 0 评论 -
async & await & promise
欢迎使用Markdown编辑器写博客本Markdown编辑器使用StackEdit修改而来，用它写博客，将会带来全新的体验哦：Markdown和扩展Markdown简洁的语法代码块高亮图片链接和图片上传LaTex数学公式UML序列图和流程图离线写博客导入导出Markdown文件丰富的快捷键快捷键加粗 Ctrl + B 斜体 Ctrl + I...原创 2018-05-25 17:00:35 · 310 阅读 · 0 评论 -
ES6之let声明的实现
在说到let的实现方式之前，先看以下为什么会有letlet使用的较多的情况一般是循环事件中的闭包，例如：`use strict`var a = []for(var i = 0;i<5;i++){ a[i] = function(){ console.log(i) }}for (var k of a){ k();} ...原创 2018-03-15 21:40:29 · 2005 阅读 · 1 评论 -
Event事件对象之鼠标_键盘事件对象
以下大部分事件的浏览器支持 google IE firefox safari opera true true true true true属性1. altKey返回一个布尔值。指示在指定的事件发生时，Alt 键是否被按下并保持住了返回值true,false,1,0表达的都是布尔关系。event.altKey=true|false|1|0<!DOCTYPE ht原创 2017-08-13 17:07:31 · 893 阅读 · 0 评论 -
Event事件对象之Event
属性1. bubbles返回一个布尔值，如果事件支持冒泡，则返回true，否则返回false事件冒泡分为三个阶段，它是这样的: * 第一，捕获阶段。事件从 Document 对象沿着文档树向下传递给目标节点。如果目标的任何一个先辈专门注册了捕获事件句柄，那么在事件传播过程中运行这些句柄。 * 第二个阶段发生在目标节点自身。直接注册砸目标上的适合的事件句柄将运行。这与 0 级事件模型提供的事件处理原创 2017-08-02 21:04:44 · 888 阅读 · 0 评论 -
Event事件对象之其他事件
1. onmessage该事件通过或者从对象(WebSocket, Web Worker, Event Source 或者子 frame 或父窗口)接收到消息时触发2. onmousewheel已废弃。 使用 onwheel 事件替代提示还是可以在浏览器上运行的只不过IE浏览器不支持。3. onpopstate该事件在窗口的浏览历史（history 对象）发生改变时触发4. onstorage该原创 2017-07-31 23:59:33 · 482 阅读 · 0 评论 -
Event事件对象之动画事件和过渡事件
动画事件1. animationend在 CSS 动画完成后触发更多关于 CSS 动画的内容，请查看菜鸟教程的 CSS3 动画 章节。提示CSS 动画播放时，会发生以下三个事件：animationstart - CSS 动画开始后触发animationiteration - CSS 动画重复播放时触发animationend - CSS 动画完成后触发支持冒泡相关知识CSS 教程: CS原创 2017-07-30 21:52:43 · 623 阅读 · 0 评论 -
Event事件对象之媒体事件
1. onabort在视频/音频（audio/video）终止加载时触发该事件在多媒体数据终止加载时触发，而不是发生错误时触发。提示影响多媒体加载的事件有:onemptiedonerroronstalledonsuspend不支持冒泡支持的HTML标签<audio>, <video>浏览器支持 google IE firefox safari opera true原创 2017-07-29 21:06:00 · 758 阅读 · 0 评论 -
Event事件之剪贴板和拖动事件
剪贴板事件1. oncopy在用户拷贝元素上的内容时触发提示oncopy 事件在用户拷贝元素时也会触发，例如， 拷贝 <img>元素。oncopy 事件通常用于 type=”text” 的<input>元素。有三种方式可以拷贝元素和内容：按下 CTRL + C在你的浏览器的 Edit(编辑) 菜单中选择 “Copy（复制）”邮件鼠标按钮，在上下文菜单中选择 “Copy（复制）” 命令。原创 2017-07-29 15:17:55 · 606 阅读 · 0 评论 -
Event事件对象之表单事件
1. onblur在对象失去焦点时发生Onblur 经常用于Javascript验证代码，一般用于表单输入框。提示onblur 相反事件为 onfocus 事件 。支持的HTML标签除了： <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style>, 和 <title>元素以外都可以浏览器支持原创 2017-07-28 00:03:18 · 935 阅读 · 0 评论 -
Event事件对象之框架或Object
1. onbeforeunload在即将离开当前页面（刷新或关闭）时触该事件可用于弹出对话框，提示用户是继续浏览页面还是离开当前页面。对话框默认的提示信息根据不同的浏览器有所不同，标准的信息类似 “确定要离开此页吗？”。该信息不能删除。但你可以自定义一些消息提示与标准信息一起显示在对话框。注意如果你没有在 元素上指定 onbeforeunload 事件，则需要在 window 对象上添加事件，并原创 2017-07-24 23:36:41 · 1058 阅读 · 0 评论 -
Event事件之键盘事件
1. onkeydown在用户按下一个键盘按键时发生提示与 onkeydown 事件相关联的事件触发次序: 1. onkeydown 2. onkeypress 3. onkeyupHTML标签支持除了 ：<base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style>, 和 <title>以外，原创 2017-07-23 13:45:21 · 1618 阅读 · 0 评论 -
Event对象之鼠标事件
Event 对象Event 对象Event 对象代表事件的状态，比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。事件通常与函数结合使用，函数不会在事件发生前被执行！事件句柄 (Event Handlers)HTML 4.0 的新特性之一是能够使 HTML 事件触发浏览器中的行为，比如当用户点击某个 HTML 元素时启动一段 JavaScript。下面是一个属性列表，可将之插入原创 2017-07-22 21:06:02 · 1032 阅读 · 0 评论 -
属性节点的属性和方法
Attr 对象在 HTML DOM 中，Attr 对象表示 HTML 属性。HTML 属性始终属于 HTML 元素。NamedNodeMap 对象在 HTML DOM 中，NamedNodeMap 对象表示元素属性节点的无序集合。NamedNodeMap 中的节点可通过名称或索引（数字）来访问。浏览器支持 google IE firefox safari opera true原创 2017-07-21 23:25:59 · 1453 阅读 · 0 评论 -
DOM节点的属性和方法
HTML DOM Element 对象HTML DOM 节点在 HTML DOM （文档对象模型）中，每个部分都是节点：文档本身是文档节点所有 HTML 元素是元素节点所有 HTML 属性是属性节点HTML 元素内的文本是文本节点注释是注释节点Element 对象在 HTML DOM 中，Element 对象表示 HTML 元素。Element 对象可以拥有类型为元素节点、文本节点、注释原创 2017-07-13 21:19:39 · 1756 阅读 · 0 评论 -
window对象
Window对象的属性1.closed返回一个布尔值，该值声明了窗口是否已经关闭History 对象是 window 对象的一部分，可通过 window.history 属性对其进行访问。注释：没有应用于 History 对象的公开标准，不过所有浏览器都支持该对象。返回值返回一个布尔值，true为关闭，false为未关闭浏览器支持 google IE firefox safari原创 2017-07-11 16:33:21 · 613 阅读 · 0 评论 -
Window-Screen对象
Screen 对象含有关客户端显示屏幕的信息注意： 没有应用于 screen 对象的公开标准，不过所有浏览器都支持该对象。Screen 对象属性1. availHeight声明了显示浏览器的屏幕的可用高度，以像素计。在 Windows 这样的操作系统中，这个可用高度不包括分配给半永久特性（如屏幕底部的任务栏）的垂直空间 google IE firefox safari opera原创 2017-07-11 13:46:05 · 398 阅读 · 0 评论 -
Window-Navigator对象
＃ Navigator 对象包含有关浏览器的信息注意： 没有应用于 navigator 对象的公开标准，不过所有浏览器都支持该对象。Navigator 对象属性 １． appCodeName一个只读字符串，声明了浏览器的代码名 google IE firefox safari opera true true true true true｀navigator.a原创 2017-07-11 12:01:59 · 385 阅读 · 0 评论 -
JS-Global对象
全局对象全局属性和函数可用于所有内建的 JavaScript 对象描述全局对象是预定义的对象，作为 JavaScript 的全局函数和全局属性的占位符。通过使用全局对象，可以访问所有其他所有预定义的对象、函数和属性。全局对象不是任何对象的属性，所以它没有名称。在顶层 JavaScript 代码中，可以用关键字 this 引用全局对象。但通常不必用这种方式引用全局对象，因为全局对象是作用域链的头，这意原创 2017-07-07 23:25:52 · 7518 阅读 · 0 评论 -
JS-RegExp正则表达式的对象
RegExp 对象RegExp 对象表示正则表达式，它是对字符串执行模式匹配的强大工具。直接量语法/pattern/attributesvar str = "1232".replace(/[0-9]/g,5); // 5555new RegExp(pattern,attributes)参数必需pattern 一个字符串，指定了正则表达式的模式。或正则表达式。可选attributes 一个可原创 2017-07-05 23:07:10 · 634 阅读 · 0 评论 -
JS-Math对象
属性1. E代表算术常量 e，即自然对数的底数，其值近似于 2.71828Math.Edocument.write("Euler's number: " + Math.E);2. LN2是 loge2，即 2 的自然对数，其值近似于 0.69314718055994528623Math.LN2document.write("LN2: " + Math.LN2);3. LN10是 loge10，即原创 2017-07-05 13:40:00 · 782 阅读 · 0 评论 -
JS-Date对象
1. getDate可返回月份的某一天返回值dateObject 所指的月份中的某一天，使用本地时间。返回值是 1 ~ 31 之间的一个整数。注释：该方法总是结合一个 Date 对象来使用。dateObject.getDate()var d = new Date()document.write(d.getDate()) //返回今天几号var birthday = new Date("July原创 2017-07-04 21:48:11 · 572 阅读 · 0 评论 -
JS-Array对象
1.concat用于连接两个或多个数组，该方法不会改变现有的数组，而仅仅会返回被连接数组的一个副本返回值返回一个新的数组。该数组是通过把所有 arrayX 参数添加到 arrayObject 中生成的。如果要进行 concat() 操作的参数是数组，那么添加的是数组中的元素，而不是数组。arrayObject.concat(arrayX,arrayX,......,arrayX)参数必需该参数可原创 2017-07-03 14:26:45 · 377 阅读 · 0 评论 -
JS-Number对象
属性1. constructor返回对创建此对象的函数的引用object.constructorvar test = new Number();console.log(test.constructor == Number); //true2. MAX_VALUE返回JavaScript 中可表示的最大的数。它的近似值为 1.7976931348623157 x 10 308Number.MAX_原创 2017-07-03 13:09:20 · 340 阅读 · 0 评论 -
JS-String对象的方法(下)
17. match *可在字符串内检索指定的值，或找到一个或多个正则表达式的匹配参数：必须。 searchvalue 规定要检索的字符串值 || regexp 正则表达式返回值 存放匹配结果的数组。该数组的内容依赖于 regexp 是否具有全局标志 g。说明 match() 方法将检索字符串 stringObject，以找到一个或多个与 regexp 匹配的文本。这个方法的行为在很大程度上原创 2017-07-03 12:02:37 · 415 阅读 · 0 评论 -
JS-String对象的方法(上)
1. anchor创建HTML的锚 stringObject.anchor(name)参数：必须。 name：为锚定义名称var str="Hello world!"document.write(str.anchor("name"))2. big用大号字体显示字符串 stringObject.big()var str="Hello world!"document.write(str.bi原创 2017-07-02 22:27:57 · 441 阅读 · 1 评论 -
JS中的事件委托
在JS中delegate(委托,代理) 这个词经常出现，看字面的意思，代理、委托。那么它究竟在什么样的情况下使用？它的原理又是什么？在各种框架中，也经常能看到delegate相关的接口。这些接口又有什么特殊的用法呢？这篇博客就主要介绍一下javascript中 delegate的用法和原理。原创 2017-06-25 22:36:33 · 459 阅读 · 0 评论