javascript
文章平均质量分 77
amooooooo
这个作者很懒,什么都没留下…
展开
-
全面理解Javascript闭包和闭包的几种写法及用途
一、什么是闭包和闭包的几种写法和用法1、什么是闭包闭包,官方对闭包的解释是:一个拥有许多变量和绑定了这些变量的环境的表达式(通常是一个函数),因而这些变量也是该表达式的一部分。闭包的特点: 1. 作为一个函数变量的一个引用,当函数返回时,其处于激活状态。 2. 一个闭包就是当一个函数返回时,一个没有释放资源的栈区。 简单的说,Javascript允许使用内部函数—即函数定义和函数表...转载 2018-11-15 10:55:33 · 204 阅读 · 1 评论 -
封装的一些原生js兼容性的写法
获取滚动条的滚动距离function getScrollOffset(){if(window.pageXOffset){return {x:window.pageXOffset,y:window.pageYOffset}}else{return {x:document.body.scrollLeft + document.documentElement.scrollLeft,y...转载 2018-11-27 13:08:22 · 742 阅读 · 0 评论 -
js常见的封装
js常见的封装//----------------------------解决兼容性方法------------------------------------------------------------//获取元素的计算后样式属性function getStyle(element, attr) {if(element.currentStyle) {return element.cu...转载 2018-11-27 13:11:11 · 1584 阅读 · 1 评论 -
offsetWidth、clientWidth、width、scrollWidth、clientX、screenX、offsetX、pageX
offsetWidth //返回元素的宽度(包括元素宽度、内边距和边框,不包括外边距)offsetHeight //返回元素的高度(包括元素高度、内边距和边框,不包括外边距)clientWidth //返回元素的宽度(包括元素宽度、内边距,不包括边框和外边距)clientHeight //返回元素的高度(包括元素高度、内边距,不包括边框和外边距...转载 2018-11-27 14:16:38 · 161 阅读 · 0 评论 -
浅谈JavaScript 数据属性和访问器属性
在JavaScript中对象被定义为"无序属性的集合,其属性可以包含基本值、对象或函数。"通俗点讲,我们可以把对象理解为一组一组的名值对,其中值可以是数据或函数。创建自定义对象通常有两种方法,第一种就是创建一个Object的实例,然后再为其添加属性和方法,例如:var person = new Object(); person.name = "Scott"; person.age = 24...转载 2019-06-04 15:16:22 · 305 阅读 · 0 评论 -
JS的Document属性和方法
document.title //设置文档标题等价于HTML的title标签document.bgColor //设置页面背景色document.fgColor //设置前景色(文本颜色)document.linkColor //未点击过的链接颜色document.alinkColor //激活链接(焦点在此链接上)的颜色document.vlinkColor //已点击过的链接颜色d...转载 2018-11-15 10:53:10 · 1244 阅读 · 0 评论 -
document.compatMode介绍
对于document.compatMode,很多朋友可能都根我一样很少接触,知道他的存在却不清楚他的用途。今天在ext中看到 document.compatMode的使用,感觉这个对于我们开发兼容性的web页面还是很有帮助,我们都知道,IE对盒模型的渲染在 Standards Mode和Quirks Mode是有很大差别的,在Standards Mode下对于盒模型的解释和其他的标准浏览器是一样,...转载 2018-11-14 10:58:51 · 180 阅读 · 0 评论 -
js数组方法大全
JavaScript中创建数组有两种方式(一)使用 Array 构造函数:var arr1 = new Array(); //创建一个空数组var arr2 = new Array(20); // 创建一个包含20项的数组var arr3 = new Array(“lily”,“lucy”,“Tom”); // 创建一个包含3个字符串的数组(二)使用数组字面量表示法:var arr4 ...转载 2018-11-14 11:01:35 · 161 阅读 · 0 评论 -
JS中String对象的常用方法
1、charCodeAt方法返回一个整数,代表指定位置字符的Unicode编码。strObj.charCodeAt(index)说明:index将被处理字符的从零开始计数的编号。有效值为0到字符串长度减1的数字。如果指定位置没有字符,将返回NaN。例如:var str = “ABC”;str.charCodeAt(0);结果:652、fromCharCode方法从一些Unicod...转载 2018-11-14 11:05:41 · 440 阅读 · 0 评论 -
javascript的offset、client、scroll使用方法详解
offsetTop 指元素距离上方或上层控件的位置,整型,单位像素。offsetLeft 指元素距离左方或上层控件的位置,整型,单位像素。offsetWidth 指元素控件自身的宽度,整型,单位像素。offsetHeight 指元素控件自身的高度,整型,单位像素。网页可见区域宽:document.body.clientWidth网页可见区域高:document.body.clientH...转载 2018-11-14 11:08:31 · 464 阅读 · 0 评论 -
JavaScript中call,apply,bind方法的总结
why?call,apply,bind干什么的?为什么要学这个?一般用来指定this的环境,在没有学之前,通常会有这些问题。复制代码var a = {user:“追梦子”,fn:function(){console.log(this.user);}}var b = a.fn;b(); //undefined复制代码我们是想打印对象a里面的user却打印出来undefined...转载 2018-11-14 11:42:50 · 104 阅读 · 0 评论 -
js中Object对象常用方法和属性
1、属性Object.prototype.writable:默认为falseObject.prototype.enumerable:默认为falseObject.prototype.configurable:默认为falseObject.prototype.constructor:用于创建一个对象的原型。2、常用方法Object.assign(target,source1,source...转载 2018-11-14 11:53:54 · 3024 阅读 · 0 评论 -
JS中Date对象的常用方法
一共有十个常用的  下面列举出来1.new Date();  这个也是必须的如果用到时间的话2.getFullYear(); 获取当前年份3.getMonth(); 获取当前的月份  但是月份是从0-11算的 所以获取到的月份需要+14.getHours();获取当前小时5.getDate();获取当前日期6.getMinutes();获取当前分钟7.g...转载 2018-11-14 11:56:44 · 1880 阅读 · 0 评论 -
JavaScript ES6 规范
ES6 简介ECMAScript 6 简称 ES6,是 JavaScript 语言的下一代标准,已经在2015年6月正式发布了。它的目标是使得 JavaScript 语言可以用来编写复杂的大型应用程序,成为企业级开发语言。ECMAScript 和 JavaScript 的关系:前者是后者的语法规格,后者是前者的一种实现Babel:将ES6代码转为ES5代码 http://babeljs.io...转载 2018-11-14 12:00:09 · 171 阅读 · 0 评论 -
javaScript浏览器兼容性问题总结
1.HTML对象获取问题FireFox:document.getElementById(“idName”);ie:document.idname或者document.getElementById(“idName”).解决办法:统一使用document.getElementById(“idName”);2.const问题说明:Firefox下,可以使用const关键字或var关键字来定义常...原创 2018-11-14 12:06:48 · 4893 阅读 · 0 评论 -
JS中常见原生DOM操作API
几种对象NodeNode是一个接口,中文叫节点,很多类型的DOM元素都是继承于它,都共享着相同的基本属性和方法。常见的Node有 element,text,attribute,comment,document 等(所以要注意 节点 和 元素 的区别,元素属于节点的一种)。Node有一个属性 nodeType 表示Node的类型,它是一个整数,其数值分别表示相应的Node类型,具体如下:{...转载 2018-11-13 09:47:47 · 212 阅读 · 0 评论