随笔分类 -  JavaScript

浏览器端脚本
一张图搞懂Ajax原理
摘要：说起ajax，就不得不说他背后的核心对象XMLHttpRequest，而说到XMLHttpRequest我觉得，从它的readyState状态说起是最好的切入点。 个人觉得，只要弄清楚了readyState的这几个状态，其实ajax的原理也就算弄清楚了。为了更方便您理解，笔者特意画了一张状态图。 阅读全文
posted @ 2019-05-03 13:23 大黑兔 阅读(891) 评论(0) 推荐(0)
JavaScript作用域链
摘要：执行环境 描述 执行环境 ：定义了变量和函数以及其他可以访问的数据。 每个 执行环境 都有与之对应的 变量对象 ，保存着环境中定义的各种 变量 和 函数 。 解析器 在处理的时候会用到，但是我们的代码无法访问。 在浏览器云运行的时候会创建 执行环境 ，调用函数时会创建 执行环境 。 分类 执行环境分 阅读全文
posted @ 2019-05-02 13:54 大黑兔 阅读(291) 评论(0) 推荐(0)
整理一下原生js的dom操作
摘要：原生javascript的dom操作，整理一下。 阅读全文
posted @ 2019-04-24 23:12 大黑兔 阅读(504) 评论(0) 推荐(0)
CSSOM
摘要：概要 狭义的 DOM API 仅仅包含 DOM 树形结构相关的内容。 DOM 中的所有的属性都是用来表现语义的属性，CSSOM 的则都是表现的属性。 CSSOM 是 CSS 的对象模型，在 W3C 标准中，它包含两个部分： 描述样式表和规则等 CSS 的模型部分（CSSOM） 跟元素视图相关的 Vi 阅读全文
posted @ 2019-04-22 21:34 大黑兔 阅读(2044) 评论(0) 推荐(1)
浏览器缓存机制
摘要：关于浏览器缓存机制的详细描述。 阅读全文
posted @ 2019-04-11 01:06 大黑兔 阅读(832) 评论(0) 推荐(0)
es6笔记（5）Map数据结构
摘要：概要 字典是用来存储不重复key的Hash结构。不同于集合（Set）的一点，字典使用的是[key,value]的形式来存储数据。 JavaScript的对象（Object:{}）只能用字符串当做key。使用起来有一定限制。 为了解决这个问题，ES6提供的Map数据结构。它类似与对象，也是[key,v 阅读全文
posted @ 2018-02-07 12:34 大黑兔 阅读(284) 评论(0) 推荐(0)
javascript中的正则表达式
摘要：使用方式 1.创建表达式 JavaScript中创建正则表达式类的方法： var regex = new RegExp(“\\d{5}”) 或者 2.var regex = / \d{5} /（推荐） /表达式/是JavaScript中专门为简化正则表达式编写而提供的语法，写在//中的正则表达式就不用管转义符了。 RegExp对象的方法： 2.判断是否匹配 test(str)判断字... 阅读全文
posted @ 2015-02-28 19:37 大黑兔 阅读(431) 评论(4) 推荐(0)
JSDom
摘要：什么是Dom？ 1.简介 文档对象模型（Document Object Model，简称DOM），是W3C组织推荐的处理可扩展标志语言的标准编程接口。Document Object Model的历史可以追溯至1990年代后期微软与Netscape的“浏览器大战”，双方为了在JavaScript与JScript一决生死，于是大规模的赋予浏览器强大的功能。微软在网页技术上加入了不... 阅读全文
posted @ 2015-02-28 15:55 大黑兔 阅读(1974) 评论(0) 推荐(1)
JavaScript事件的属性列表
摘要：HTML 4.0 的新特性之一是能够使 HTML 事件触发浏览器中的行为，比如当用户点击某个 HTML 元素时启动一段 JavaScript。下面是一个属性列表，可将之插入 HTML 标签以定义事件的行为。属性此事件发生在何时...onabort图像的加载被中断。onblur元素失去焦点。oncha... 阅读全文
posted @ 2015-02-28 14:44 大黑兔 阅读(985) 评论(0) 推荐(0)
JavaScript中innerText和innerHTML的区别
摘要：案例 阅读全文
posted @ 2015-02-28 12:40 大黑兔 阅读(11150) 评论(0) 推荐(1)
JavaScript设置粘贴板
摘要：设置复制 document.body.oncopy = function(){ alert('不许复制'); return false; }; 设置粘贴 document.getElementById('txt').onpaste=function(){ return false; }; 设置粘贴板内容 document.body.oncop... 阅读全文
posted @ 2015-02-28 11:28 大黑兔 阅读(869) 评论(0) 推荐(0)
Windows.event
摘要：获取鼠标位置document.getElementById('div').onmousemove = function(e){ //--------Chrome, firefox 支持------------------- document.title=e.clientX+','+e.client... 阅读全文
posted @ 2015-02-28 10:27 大黑兔 阅读(884) 评论(0) 推荐(0)
JavaScript使用数组
摘要：for循环遍历 //js的数组里可以存各种类型 var arr =[1,5,true,false,'小明']; //遍历 for(var i=0;i<arr.length;i++){ alert(arr[i]); } js中的foreach var arr =[1,5,true,false,'小明']; for(var key in arr){ alert(key+'===='... 阅读全文
posted @ 2015-02-28 09:26 大黑兔 阅读(438) 评论(0) 推荐(0)
JavaScript计时器
摘要：计时器基本格式：setInterval(function(){代码},1000)；/*说明：1.setInterval 会返回一个计时器ID值 可以这样接收。var setId = setInterval(....); 2.接收setId的目的是为了清空计时器。 clearTimeout(setId... 阅读全文
posted @ 2015-02-27 15:49 大黑兔 阅读(660) 评论(0) 推荐(0)
JavaScript事件和方法
摘要：单击一个超链接触发事件1.用a标签的onclick这种写法呢，存在一种弊端，就是点击后会刷新一次页面，回到页面顶端。想不刷新如何做的呢？2.#与javascript：void（0）的区别超链接为“死链”时，使用#与javascript:void(0);的区别。Void（0）没有用的值,不会去任何地方... 阅读全文
posted @ 2015-02-27 11:00 大黑兔 阅读(1364) 评论(0) 推荐(0)
JavaScript数据类型和转换
摘要：JavaScript数据类型 1.Boolean（布尔） 布尔：（值类型）var b1=true;//布尔类型 2.Number（数字） 数值：（值类型）var n1=3.1415926;//数值类型 n1.toFixed(3);//四舍五入保留3位小数。 3.String（字符串） var s1=‘hello’;//字符串类型 字符串：（值类型，字符串不可变特性）4.Undefi... 阅读全文
posted @ 2015-02-27 10:00 大黑兔 阅读(495) 评论(0) 推荐(0)
javaScript基础语法介绍
摘要：简介 JavaScript是一种脚本语言。（脚本，一条条的文字命令。执行时由系统的一个解释器，将其一条条的翻译成机器可识别的指令，然后执行。常见的脚本：批处理脚本、T-SQL脚本、VBScript等。） HTML只是描述网页长相的标记语言，没有计算、判断能力，如果所有计算、判断（比如判断文本框是否为空、判断两次密码是否输入一致）都放到服务器端执行的话网页的话页面会非常慢、用起来也很难用，对服务... 阅读全文
posted @ 2015-02-27 09:00 大黑兔 阅读(635) 评论(0) 推荐(1)