TypechoJoeTheme

快把钟哥带走

zyz

网站页面
标签搜索
搜索到 16 篇与 Javascript 的结果
2018-05-17

16、JavaScript-正则表达式

16、JavaScript-正则表达式
一、正则表达式基础1复习字符串操作search 查找substring 获取子字符串 charAt 获取某个字符 split 分割字符串,获取数组找出字符串中所有数字 1、用传统字符串操作完成2、用正则表达式完成二、正则表达式基础2什么是正则表达式 1、什么叫"正则" --> 规则、模式2、强大的字符串匹配工具 3、是一种正常人很难读懂的文字正则表达式(RegExp) 1、js风格 —> new RegExp("a", "b")2、perl风格 —> /a/i // 参数1: 检测字符串是否包含'a' // 参数2: 'i'表示忽略大小写 var re = new RegExp('a'); var re = new RegExp('a','i'); // 简写 var re = /a/; var re = /a/i;三、字符串与正则配合search(搜索) 字符串搜索 1、返回出现的位置(不存在返回-1)2、忽略大...

Javascript

281 阅读
2018年05月17日
281 阅读
0 评论
2018-05-17

15、JavaScript-Ajax&JSONP

15、JavaScript-Ajax&JSONP
一、什么是Ajax(阿贾克斯)Asynchronous JavaScript and XML(异步JavaScript和XML,即用JavaScript异步形式去操作xml)- 节省用户操作时间,提高用户体验,减少数据请求; - 传输获取数据; - 无需用户刷新,动态请求网络数据;二、Ajax作用异步获取数据,即是数据交互(通过ajax获取某一文本文件的内容);三、Ajax过程创建对象XMLHttpRequest()open()方法send()request.onreadystatechange = function(){}// 1、打开浏览器 // 创建一个ajax对象 ( ie6以下new ActiveXObject(‘Microsoft.XMLHTTP’) ) var request = null; if (window.XMLHttpRequest) { request = new XMLHttpRequest(); } else { request = new ActiveXObject('Microsoft.XMLHTTP'); } // 2、在...

Javascript

288 阅读
2018年05月17日
288 阅读
0 评论
2018-05-17

12、JavaScript-事件

12、JavaScript-事件
一、事件捕获事件绑定方式一(同一事件会被覆盖) oBox.onclick = fn1; oBox.onclick = fn2; // 覆盖掉fn1事件绑定方式二(同一事件可以多个处理) addEventListener(事件名词,事件函数,是否捕获) 参数3: true表示采用事件捕获,若false事件冒泡 oBox.addEventListener('click', fn, true);注1: 事件冒泡是从里到外的传递方式,即是从事件目标(target)开始,往上冒泡直到页面的最上一级标签; 事件捕获是从外到里的传递方式,即是从最上一级标签开始往下查找,直到捕获到事件目标(target);注2: IE中不支持事件捕获;二、DOM事件流事件捕获阶段 ⇒ 目标元素阶段 => 事件冒泡阶段三、事件取消事件取消方式一 document.onclick = null;事件取消方式二 IE: obj.detachEvent(事件名称, 事件函数); 非IE: obj.removeEventListener(事件名称, 事件函数, 是否捕获); d...

Javascript

213 阅读
2018年05月17日
213 阅读
0 评论
2018-05-17

13、JavaScript-运动

13、JavaScript-运动
一、运动框架运动基础 - 在开始运动时,关闭已有定时器; - 把运动和停止分隔开(if/else);案例: div的移动案例: startMove的封装(分享到)案例: 图片的淡入淡出缓冲运动 - 逐渐变慢,最后停止(越接近终点速度越小) - 距离越远速度越大 > 速度由距离决定 > 速度 = (目标值-当前值)/缩放系数 向上取整: Math.ceil(12.3); // 13 向下取整: Math.floor(7.9); // 7 Math.floor(-2.1) // -3 绝对值: Math.abs(-5); // 5 window.scroll窗口滚动事件 // 兼容问题 (获取滚动条位置 ) var top = document.documentElement.scrollTop || document.body.scrollTop;案例: 始终在窗口中间位置显示—分享到案例: 分享到闪烁问题(缓...

Javascript

251 阅读
2018年05月17日
251 阅读
0 评论
2018-05-17

14、JavaScript-cookie

14、JavaScript-cookie
一、cookie存储数据,当用户访问某个网页时,即可以通过cookie来访问电脑中存储的数据;不同的浏览器存放的cookie位置不一样;cookie的存储以域名的形式进行区分的;cookie的数据是可以设置名字的;一个域名存放的cookie的个数是有限的,不同浏览器存放个数不同;每个cookie存放的内容大小有限制,不同浏览器存放大小也不一样;二、cookie的访问通过document.cookie来获取当前网站下的cookie,得到的是一个字符串形式的值,这是包含当前网站下所有的cookie,会将所有cookie通过一个‘分号+空格’形式串联起来。 // 存储 document.cookie = 'userName = liming'; document.cookie = 'age = 18'; // 获取 alert(document.cookie);三、coolie存放时间cookie默认是临时存储的,当浏览器关闭进程后,自动销毁;如果想要长时间存储,需要设置这个cookie时,同时设置上一个过期时间; 格式: document.cookie = ...

Javascript

226 阅读
2018年05月17日
226 阅读
0 评论