JavaScript
Inferno磊
....
展开
-
JS中数据类型转换
JS中的数据类型: 数字(NaN)、字符串、布尔值、函数、对象(object、[]、{}、null)、未定义显式类型转换 (强制的类型转换):Number() // 整体的进行转换parseInt() // 从左到右的进行转换 (不识别小数点.)parseFloat() //从左到右的进行转换 (可以识别小数点.)隐式类型转换:+ 200+'3'变成字符串原创 2017-08-01 15:17:39 · 201 阅读 · 0 评论 -
js中的正则入门笔记
正则:它就是一个规则,用来处理“字符串”的一个规则(正则就是处理字符串的);处理: 1) 匹配:判断一个字符串是否符合我们制定的规则->test()方法;var reg = /\d/; ->包含一个0-9之间的数字console.log(reg.test("是是2018")); ->有就返回true,没有就返回flase; 2) 捕获:把字符串中符合我们正...原创 2018-05-20 13:02:43 · 147 阅读 · 0 评论 -
原生js中的this指向四条定律
1、函数执行,首先看函数名前面是否有".",有的话"."前面是谁就是谁;没有的话this就是windowfunction fn(){ console.log(this); }var obj = {fn: fn};fn(); //this->windowobj.fn();//this->obj2、自执行函数中的this永远是window3、给元素的某一个事件绑定方法,当事件触转载 2018-05-10 11:27:29 · 724 阅读 · 0 评论 -
DOM、BOM相关方法及属性
一、表单操作tHead : 表格头tBodies : 表格正文tFoot : 表格尾rows : 行cells : 列alert( oTab.tBodies[].rows[].cells[].innerHTML );原创 2017-10-31 17:07:14 · 378 阅读 · 0 评论 -
DOM概念
一、元素.childNodes: 只读 属性 子节点列表集合 ×有兼容性的问题标准下: 包含了文本和元素类型的节点,也包含非法嵌套的子节点非标准下: 只包含了元素类型的节点,IE7以下不会包含非法嵌套的子节点childNodes只包含一级子节点,不包含后辈孙级以下的节点DOM节点的类型一共有12种元素.nodeType:只读 属性 当前元素的节点类型元原创 2017-10-29 12:33:06 · 330 阅读 · 0 评论 -
事件深入应用
一、拖拽事件:onmousedown:选择元素 onmousemove:移动元素 onmouseup:释放元素drag(oDiv); function drag(obj){ obj.onmousedown = function(ev){var ev = ev || event;var disX = ev.clientX - this.of原创 2017-11-07 16:38:02 · 163 阅读 · 0 评论 -
Event事件
一、焦点obj.focus()给指定的元素设置焦点obj.blur() 取消指定元素的焦点obj.select()选择指定元素里的文本内容 用于分享内容之类的二、Event: 事件对象; 当一个事件发生的时候,和当前这个对象发生的事件有关的一些详细信息都会被临时保存到一个指定的地方-Event对象,供我们需要的时候调用.事件对象必须在一个事件调用的函数里面使原创 2017-11-02 11:38:57 · 190 阅读 · 0 评论 -
更深一步的理解javaScript“闭包”
一、变量的作用域要理解闭包,首先必须理解Javascript特殊的变量作用域。变量的作用域无非就是两种:全局变量和局部变量。Javascript语言的特殊之处,就在于函数内部可以直接读取全局变量。Js代码 var n=999; function f1(){ alert(n); } f1(); // 999另一转载 2017-09-09 12:31:05 · 208 阅读 · 0 评论 -
js中的return布尔值的用法和原理
首先return作为返回关键字,他有以下两种返回方式1.返回控制与函数结果语法为:return 表达式; 语句结束函数执行,返回调用函数,而且把表达式的值作为函数的结果2.返回控制无函数结果语法为:return;在大多数情况下,为事件处理函数返回false,可以防止默认的事件行为.例如,默认情况下点击一个元素,页面会跳转到该元素href属性指定的页. 例如:链接转载 2017-08-13 16:28:17 · 2891 阅读 · 0 评论 -
JS作用域的解析和代码执行的原理
域: 空间、范围、区域..........作用: 在什么样的空间、范围内可以对数据进行读、写操作!浏览器内部读取JS功能:1)先查找声明变量、函数、参数var a = 未定义所有的变量,在正式运行代码之前,都是提前赋了一个值:未定义、fn = function fn1(){};所有的函数,在正式运行代码之前,都是整个函数.总称:JS的预解析 当遇到重名的原创 2017-08-03 14:52:55 · 216 阅读 · 0 评论 -
JS For应用!
获取元素三种方式:一、var oUl = document.getElementById(''); // 静态方法查找二、 document.getElemensByTagName(''); // 动态方法查找var aLi = oUl.getElementsByTagName('li')[0];// aLi => [, , ,] 类似元素的集合图片可以从最后一张跳原创 2017-07-26 12:20:18 · 186 阅读 · 0 评论 -
js初级原理
JS中如何获取元素:1、通过ID名称来获取元素:document(文档) get(查找) element(元素)by id(名称);document.getElementById("");注意英文大小写,注意语法规范,不然就会报错! 2、3、 4、 事件分为:鼠标事件、键盘事件、系统事件(关闭、调整浏览器窗口等等..)、表单事件(input输入框文子检测)、自定义事件原创 2017-07-22 19:24:25 · 235 阅读 · 0 评论 -
js实现鼠标移入移出小特效!
ul{margin: 0; padding: 0; list-style: none; text-align: center; line-height: 30px;} .wap{ width: 80px; height: 30px; border: #333 solid 1px; position: relative;} .wap a{line-height: 30px; d原创 2017-07-23 15:08:48 · 2151 阅读 · 0 评论 -
js的属性操作及注意事项!!
HTML属性操作:读、写 "属性名"="属性值" id="xx"; 属性读操作:获取、找到 元素.(的)属性名 属性写操作:替换、修改 元素.(的)属性名 = 新的值.innerHTML 读取元素内所有的内容 .innerHTML = 新的值 替换、修改元素内所有的内容 a =a+b; 可以简化写成 a +=b;va原创 2017-07-24 15:34:14 · 267 阅读 · 0 评论 -
JS数组原理
var num = 1;var str = '这是一句话';var arr = ['这是一句话',‘这是第二句话’,'这是第三句话']; //[] 代表存放仓库! // alert( arr.length ); // 访问长度得出结果为3样东西// arr ( arr[0] );原创 2017-07-25 14:55:23 · 771 阅读 · 0 评论 -
函数传参原理
函数传递参数参数包括=JS的数据类型:数字、字符串、布尔、函数、对象、未定义fn1(100); //100是向函数里添加东西function fn1(a){// a=100alert(a);} //这样就完成了最简单的函数传递参数的一个过程函数传参实现重用代码:1、尽量保证HTML代码结构一致,可以通过父级选取子元素。2、把核心主程序实现之后,用函数原创 2017-08-02 16:31:48 · 554 阅读 · 0 评论 -
offset属性
当 offsetParent 为 body 时,offsetLeft = (offsetParent 的 margin-left ) + (offsetParent 的 border-width) + (offsetParent 的padding-left) + (当前元素的 margin-left);当 offsetParent 为定位元素时,offsetLeft = offsetParent...转载 2018-05-07 11:33:48 · 505 阅读 · 0 评论