- 博客(19)
- 收藏
- 关注
原创 js中的正则入门笔记
正则:它就是一个规则,用来处理“字符串”的一个规则(正则就是处理字符串的);处理: 1) 匹配:判断一个字符串是否符合我们制定的规则->test()方法;var reg = /\d/; ->包含一个0-9之间的数字console.log(reg.test("是是2018")); ->有就返回true,没有就返回flase; 2) 捕获:把字符串中符合我们正...
2018-05-20 13:02:43
150
转载 原生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
733
转载 offset属性
当 offsetParent 为 body 时,offsetLeft = (offsetParent 的 margin-left ) + (offsetParent 的 border-width) + (offsetParent 的padding-left) + (当前元素的 margin-left);当 offsetParent 为定位元素时,offsetLeft = offsetParent...
2018-05-07 11:33:48
523
原创 Ajax原理
一、什么是AjaxAsynchronous JavaScript and XML (异步javaScript和XML)1、节省用户操作、时间、提高用户体验,减少数据请求 用javascript异步的形式去操作xml2、传输获取数据 数据交互//创建ajax异步对象var xhr = new XMLHttpRequest();//打开数据 (1.打开方式,2.
2017-12-14 21:21:26
154
转载 JSONP原理及使用方法
什么是JSONP首先提一下JSON这个概念,JSON是一种轻量级的数据传输格式,被广泛应用于当前Web应用中。JSON格式数据的编码和解析基本在所有主流语言中都被实现,所以现在大部分前后端分离的架构都以JSON格式进行数据的传输。那么JSONP是什么呢? 首先抛出浏览器同源策略这个概念,为了保证用户访问的安全,现代浏览器使用了同源策略,即不允许访问非同源的页面,详细的概念大家可
2017-11-24 14:48:50
358
原创 事件深入应用
一、拖拽事件: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
177
原创 Event事件
一、焦点obj.focus()给指定的元素设置焦点obj.blur() 取消指定元素的焦点obj.select()选择指定元素里的文本内容 用于分享内容之类的二、Event: 事件对象; 当一个事件发生的时候,和当前这个对象发生的事件有关的一些详细信息都会被临时保存到一个指定的地方-Event对象,供我们需要的时候调用.事件对象必须在一个事件调用的函数里面使
2017-11-02 11:38:57
201
原创 DOM、BOM相关方法及属性
一、表单操作tHead : 表格头tBodies : 表格正文tFoot : 表格尾rows : 行cells : 列alert( oTab.tBodies[].rows[].cells[].innerHTML );
2017-10-31 17:07:14
388
原创 DOM概念
一、元素.childNodes: 只读 属性 子节点列表集合 ×有兼容性的问题标准下: 包含了文本和元素类型的节点,也包含非法嵌套的子节点非标准下: 只包含了元素类型的节点,IE7以下不会包含非法嵌套的子节点childNodes只包含一级子节点,不包含后辈孙级以下的节点DOM节点的类型一共有12种元素.nodeType:只读 属性 当前元素的节点类型元
2017-10-29 12:33:06
344
转载 更深一步的理解javaScript“闭包”
一、变量的作用域要理解闭包,首先必须理解Javascript特殊的变量作用域。变量的作用域无非就是两种:全局变量和局部变量。Javascript语言的特殊之处,就在于函数内部可以直接读取全局变量。Js代码 var n=999; function f1(){ alert(n); } f1(); // 999另一
2017-09-09 12:31:05
223
转载 js中的return布尔值的用法和原理
首先return作为返回关键字,他有以下两种返回方式1.返回控制与函数结果语法为:return 表达式; 语句结束函数执行,返回调用函数,而且把表达式的值作为函数的结果2.返回控制无函数结果语法为:return;在大多数情况下,为事件处理函数返回false,可以防止默认的事件行为.例如,默认情况下点击一个元素,页面会跳转到该元素href属性指定的页. 例如:链接
2017-08-13 16:28:17
2907
原创 JS作用域的解析和代码执行的原理
域: 空间、范围、区域..........作用: 在什么样的空间、范围内可以对数据进行读、写操作!浏览器内部读取JS功能:1)先查找声明变量、函数、参数var a = 未定义所有的变量,在正式运行代码之前,都是提前赋了一个值:未定义、fn = function fn1(){};所有的函数,在正式运行代码之前,都是整个函数.总称:JS的预解析 当遇到重名的
2017-08-03 14:52:55
226
原创 函数传参原理
函数传递参数参数包括=JS的数据类型:数字、字符串、布尔、函数、对象、未定义fn1(100); //100是向函数里添加东西function fn1(a){// a=100alert(a);} //这样就完成了最简单的函数传递参数的一个过程函数传参实现重用代码:1、尽量保证HTML代码结构一致,可以通过父级选取子元素。2、把核心主程序实现之后,用函数
2017-08-02 16:31:48
557
原创 JS中数据类型转换
JS中的数据类型: 数字(NaN)、字符串、布尔值、函数、对象(object、[]、{}、null)、未定义显式类型转换 (强制的类型转换):Number() // 整体的进行转换parseInt() // 从左到右的进行转换 (不识别小数点.)parseFloat() //从左到右的进行转换 (可以识别小数点.)隐式类型转换:+ 200+'3'变成字符串
2017-08-01 15:17:39
206
原创 JS For应用!
获取元素三种方式:一、var oUl = document.getElementById(''); // 静态方法查找二、 document.getElemensByTagName(''); // 动态方法查找var aLi = oUl.getElementsByTagName('li')[0];// aLi => [, , ,] 类似元素的集合图片可以从最后一张跳
2017-07-26 12:20:18
194
原创 JS数组原理
var num = 1;var str = '这是一句话';var arr = ['这是一句话',‘这是第二句话’,'这是第三句话']; //[] 代表存放仓库! // alert( arr.length ); // 访问长度得出结果为3样东西// arr ( arr[0] );
2017-07-25 14:55:23
776
原创 js的属性操作及注意事项!!
HTML属性操作:读、写 "属性名"="属性值" id="xx"; 属性读操作:获取、找到 元素.(的)属性名 属性写操作:替换、修改 元素.(的)属性名 = 新的值.innerHTML 读取元素内所有的内容 .innerHTML = 新的值 替换、修改元素内所有的内容 a =a+b; 可以简化写成 a +=b;va
2017-07-24 15:34:14
272
原创 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
2153
原创 js初级原理
JS中如何获取元素:1、通过ID名称来获取元素:document(文档) get(查找) element(元素)by id(名称);document.getElementById("");注意英文大小写,注意语法规范,不然就会报错! 2、3、 4、 事件分为:鼠标事件、键盘事件、系统事件(关闭、调整浏览器窗口等等..)、表单事件(input输入框文子检测)、自定义事件
2017-07-22 19:24:25
239
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人