
漫谈JavaScript
文章平均质量分 56
CoderHenryLee
活到老,学到老。路漫漫其修远兮。人活着就是要折腾起来,朝着自己想要的生活一步一步走,即使不成功,起码折腾过。不要求多大理想,但每天按照计划,每天都要进步。
展开
-
函数的四种调用方式以及this指向
在ES6之前,我们要看一个函数内部的this到底是指向谁,那么就要通过观察函数是如何调用的,下面是函数的四种调用方式:函数调用示例1: var age=18; var p={ age:15 say:function(){ console.log(this.age);//window.age:18 } ...原创 2019-02-11 23:53:16 · 1144 阅读 · 0 评论 -
js中的三大家族
offset家族offset家族:可以获取自身元素尺寸的一套方法。==1.offsetWidth和offsetHeight== (得到的是自己的宽度和高度,与别人无关)计算公式: offsetWidth = width + border + padding==2.offsetLeft 和offsetTop== (返回距离父级盒子(最近的带有定位)的左边和上边的位置。注意:如果父级都没有定位则以bo原创 2017-12-03 00:26:09 · 581 阅读 · 0 评论 -
数组去重
1.数组去重是什么意思? 看一下下面这个数组: var arr = [1,2,1,1,3,2]; 很明显的看出这个数组有相同的元素。由此顾名思义可知数组去重是将数组中有相同重复的元素给去掉。2.怎么进行数组去重: 数组去重有多种方法,下面的代码使用了其中一种方法,也就是利用对象的键值对方法。<script> //1.利用对象的键值对方法 //创建一个数组 var t原创 2017-12-02 19:58:35 · 1519 阅读 · 0 评论 -
js--事件对象
1.什么是事件对象? 要明白事件对象,首先要知道事件。事件很常见,比如onclick:点击事件,onmousedown:鼠标按下,onmousemove:鼠标移动,onmouseover:鼠标经过,等一些列操作统统都是事件。那么事件对象就是指:再触发DOM上的某个事件时,会产生一个事件对象event,这个对象中包含着所有与事件有关的信息。所有浏览器都支持event对象,但支持的方式不同。 注意:原创 2017-11-27 11:40:56 · 346 阅读 · 0 评论 -
冒泡机制
什么是冒泡?冒泡作为一种特有事件普遍存在于开发中,那么,什么是冒泡呢?冒泡是指:当一个元素上的事件被触发后,比如一个按钮被触发了onclick事件,同样的事件将在那个元素的所有祖先元素中被触发。这一过程就称为事件冒泡。 并且这个事件会从原始元素开始一直冒泡到DOM树的最上层。冒泡事件遵循的顺序:IE中:冒泡事件遵循以下顺序:div -> body -> html -> document。其他浏览器原创 2017-11-27 10:15:20 · 1179 阅读 · 0 评论 -
JS之字符串操作
字符串(string)是js中的一种内置对象,既然是对象,那必然会有属性和方法,下面谈一下字符串有哪些操作(方法)。 在此之前先了解一下,如何将一个数字型转换为字符串,有以下几种形式:0.将数字转换为字符串var num=123;//定义一个数值类型变量numvar str = num +"";//方式一var str1 = num.toString();//方式二,返回10进制形式的字符串原创 2017-11-21 23:44:22 · 309 阅读 · 0 评论 -
JS运算符之&&和||
js中有如下图所示的运算符: 在这里我们主要讲一下&& 和||的问题 ;这是面试笔试时候可能会运到的问题,在此之前,先了解一下各个运算符的运算先后顺序,如下: 运算符顺序 1 () 2 !、-、++、– 负号 正号 3 *、/、% 4 +、- 5 <、<=、<、>= 6 ==、!=、===、!==、 7 && 8 || 9?:原创 2017-11-19 22:39:01 · 616 阅读 · 0 评论 -
DOM的节点访问以及操作
1.DOM的节点访问DOM节点的关系如下图: 其中兄弟节点和子节点有个浏览器兼容的问题,以nextSibling为例,nextSibling在ie678才有效,而nextElementSibling在正常浏览器才有效。兼容的写法如下:var div = one.nextElementSibling || one.nextSibling;div.style.backgroundColor =原创 2017-11-18 13:01:08 · 669 阅读 · 0 评论 -
常用的几个操作数组的方法
我们经常要对数组进行操作,常用的如添加和删除等,下面做个简单的介绍。可以分为下面五种:i 添加数据进入数组push() : 后面推进去 push() 方法可向数组的末尾添加一个或多个元素,并返回新的长度。2.unshift():从数组的前面放进去 unshift() 方法可向数组的开头添加一个或更多元素,并返回新的长度。 var arr=[1,2,3]; arr.pus原创 2017-11-17 00:15:26 · 840 阅读 · 0 评论 -
两个小的表单方法
这里介绍两个属于表单的方法:表单自动获得焦点—XX.focus();鼠标经过表单时,自动选择表单内容—XX.select();<script type="text/javascript"> window.onload = function () { var txt = document.getElementById("txt"); var sel = do原创 2017-11-14 21:32:28 · 283 阅读 · 0 评论 -
变量提升
什么是变量提升? 先上一段代码:var num = 10;function fn(){console.log(num);var num = 20;}上面结果是输出是10还是20?答案是undefined。为什么?且继续看下一段代码:function fn(){var num;console.log(num);num = 20;}上面结果输出结果也是undefined。其实这段代码原创 2017-11-13 21:51:48 · 323 阅读 · 0 评论 -
JS数据类型以及类型转换
常用数据类型有以下几种:字符型(String)数值型(Number)布尔型(Boolean)UndefinedNull字符型:var s = “string”;字符串要用引号引起,单引号和双引号的作用是等效的。 数值型:var num = 10; var num = 10.00;包括整形和浮点型。 布尔型:只有True和False两种取值。 Undefined:这是一种比较特殊的类型原创 2017-11-13 14:19:54 · 602 阅读 · 0 评论