JavaScript
绵羊万
每天多一点点!
展开
-
深入了解JS的Number类型
深入了解 Number 类型Number 类型作为 JS 的基本数据类型之一,被应用在程序中的各种场景,其重要性就如数字对于我们日常生活。下面就让我们来一起深入了解下,为以后的“策马奔腾”做好铺垫。定义方式一般来说我们可以直接使用数值字面量格式来定义一个数字,如下:var num1 = 15;var num2 = 7;console.log(typeof num1); ...转载 2018-09-29 19:31:18 · 1139 阅读 · 0 评论 -
JS中addEventListener的用法
事件模型这是一个完整的事件流: 事件捕获----处于目标----事件冒泡注意:事件捕获由于浏览器兼容问题用的比较少 事件处理程序(addEventListener)格式为:element.addEventListener(type, handle, false);type: 事件触发类型,如click,keypress等等,下面我们详细的讲讲事件类型!!handle...原创 2018-09-30 11:30:43 · 27204 阅读 · 1 评论 -
利用DOM来遍历所有元素(children和childNodes的区别)
如果一个元素的子元素里还有子元素,那么我们常常用到的一个方法就是递归例子如下图所示:function traversal(dom){ var len = dom.length; var d = null; for(var i=0; i<len; i++){ d = dom[i]; console.log(d); if(d....原创 2018-09-30 10:04:06 · 15547 阅读 · 2 评论 -
谈谈JS中property和attribute的区别
property称为属性,而attribute称为特性!特殊的属性就叫特性!(如className,href等等)property和attribute的区别1)公认的attribute会映射到property现在我们来看一个元素的全部属性(用console.dir即可得到)里面的attributes就是特性,特性就是该元素所特有的属性,其他的都是property,所有元素都有的...原创 2018-09-29 22:28:46 · 1850 阅读 · 2 评论 -
谈谈JS的DocumentFragment
DocumentFragment简单描述documentFragment是nodeType值为11,nodeName的值为#document-fragment.1) documentFragment是一个文档片段,一种‘轻量级节点’2) 通常作为仓库来使用,不存在DOM树上,是一种游离态 DocumentFragment的用途当我们用JS的DOM创建很多节点时,在加入节点到...原创 2018-09-29 21:45:53 · 3905 阅读 · 0 评论 -
谈谈JS系统对话框
window对象window---储存了窗口相关的信息window对象---扮演的是ECMA的global对象怎么理解呢?看下面两句话1)凡是不是其他作用域的变量都是window的属性2)凡是不是其他作用域的函数都是window的方法下面谈谈window常用的几个方法系统对话框1)window.alert('注意')点击确认之后的返回值为: 2....原创 2018-09-29 21:26:10 · 406 阅读 · 0 评论 -
谈谈JS的for/in语句的使用
for/in语句的使用 for/in语句的使用格式为:for(变量 in 对象){ 遍历执行的代码;}用一个实例来解释会更清晰,实例如下所示:var bottle = { name:'bottle', price:49, diameter:6.7, isKeepWarm:ture;}for(var key in bottle){...原创 2018-09-29 20:30:48 · 737 阅读 · 0 评论 -
JS函数声明与函数表达式的区别
函数声明与函数表达式的区别前面我们已经说了两种定义函数的方式:函数声明与函数表达式。那么这两种方式有区别吗,还是一样的呢?下面我们来进一步探讨探讨。下面我们定义了两个函数分别为 hello 和 hi,前者采用函数声明,后者采用函数表达式,然后再调用,如下:function hello () { console.log('Hello the world');}var hi...转载 2018-09-29 19:44:48 · 426 阅读 · 0 评论 -
JS数组的常用方法
数组的常用方法数组作为一种重要的数据类型,除了我们前面已经说到的 pop、push、shift、unshift 几个方法外,还有很多实用的方法也是我们的必备技能。假设我们有一队人,如下图:我们要对其进行一些排序或筛选的操作(比喻按高矮排序,筛选女性等),我们都可以通过数组来进行操作。 抽出一些人首先我们用数组定义该数据(为了简单起见,我们数据就不搞那么多):var...转载 2018-09-29 19:39:08 · 338 阅读 · 0 评论 -
jQuery中$(document).ready()函数的理解
$(document).ready()方法是事件模块中最重要的一个函数,可以极大的提高Web应用程序的响应速度,jQuery就是用$(document).ready()方法来代替传统的JS的window.onload方法的下面利用对比的方式,可以加深对$(document).ready()的理解1.执行时机JS(window.onload):网页中所有的元素(包括元素的所有关联文件)完...原创 2018-10-26 19:46:03 · 8580 阅读 · 0 评论