随笔分类 -  js

摘要：history对象的三个可用方法和一个属性 back();后退 forward();前进 go(n);跳到第几个页面，负数为后退，正数为前进 length属性，获取缓存的页面的数量 安全性考虑，history无法获取其它页面信息。 阅读全文

摘要：1、右键刷新、F5、ctrl+F5、直接在地址栏按enter操作发送请求、点击页面内的按钮和window.open的区别 直接在地址栏按enter操作发送请求、点击页面内的按钮和window.open： 无缓存、发送请求并返回数据 有缓存但已过期，发送请求，并同时发送Last-Modifed、Etag等校验信息，如果无改动则返回304，有改动返回200 有缓存且没过期，不发送请求，直接使用缓存 F5、右键刷新： 无缓存、发送请求并返回数据 有缓存，不管有没有过期，都会发送请求并携带Last-Modifed、Etag等校验信息，如果无改动返回304，有改动返回2... 阅读全文

摘要：原生方法：window.onunload = window.onbeforeunload = function(){ alert("aaa");};jquery方法：$(window).on("unload beforeunload", function(){ alert("aaa");});尝试只使用onunload、unload，不生效。jquery api文档中查不到beforeunload事件，但是却起作用了。 阅读全文

摘要：1、var str = "fsfsljflsjfsjflsjlghslhjgsfsf";var step = 4; //假设固定长度为4var strLen = str.length;var arr = [];for(var i=0; i<strLen; i=i+step){ arr.push(str.substr(i, 4));}arr.join(" ");2、var str = "fsfsljflsjfsjflsjlghslhjgsfsf";var reg = /(.{4})/g;var newStr = str.repla 阅读全文

摘要：1、text-algin:center 可以使行内元素居中、也可以使块级元素中的文本居中，但不可以使块级元素本身居中2、margin:0 auto 仅可以使块级元素居中，inline和inline-block都不可以。3、绝对定位的居中：left:100px; right:100px; 左右同时设置相同值，元素（行内和块级都适用）不设置宽度，元素的宽度==容器宽度减去左右设置的值。今天学到的其它内容：1、禁止textarea调整大小：resize:none;2、很多高光可以使用border来实现，不需要整张截图。border可以突破本身的含义来使用。 阅读全文

摘要：mouseenter&mouseleave:进入被选元素触发，进入被选元素的子元素不会重复触发。mouseover&mouseout:进入被选元素触发，从被选元素进入其子元素会再次触发。因此会出现重复触发的现象。 阅读全文

摘要：学习坤哥的方法之后自己写的replaceTplfunction replaceTpl(tpl, data){///////////////没有传入可让用户自己定义的方式进行替换，不够灵活 var reg = /\{([^}*])\}/g, trim = String.trim || function(str){ str = str.replace(/^\s+|\s+$/g, ""); return str; } tpl = tpl.replace(reg, function(str, key){///////////str,key是replace... 阅读全文

摘要：this：绑定事件所触发行为的对象target：最开始冒泡的的对象currentTarget：事件触发行为的对象this == targetcurrentTarget和this 是target本身或者target的祖先元素 阅读全文

摘要：applay 这个是函数Function的方法为什么Array 也能调用这个函数?比如 function a (){ var kk = []; kk = Array.apply(kk,arguments);} 可以把参参数加到kk 这个数组里, 这里Array 的apply 是修正指针还是什么意思,?请高人指点一下, 谢谢了答案：如果单从Array的类型上看，确实不应该改可以调用apply。Array是对象，Function也是对象，但Array却不是Function。 但其实Array是一个构造函数，构造函数也是函数，所以可以调用apply(); 阅读全文

摘要：1、通过Object的getOwnPropertyNames方法，获取到所有的该类数组的属性，但因为数组有默认的length属性，所以需要-1。var arr = [];arr["a"] = "A";arr[2] = "B";var result = Object.getOwnPropertyNames(arr);var len = result.length -1;2、for in遍历var arr = [];arr["a"] = "A";arr[2] = "B";var 阅读全文

摘要：同源策略跨域的集中方法：1、服务器端发送请求，服务器作为中继代理（此方法不理解）2、iframe3、script标签 通过动过动态生成script标签，并将src指向目标源的方式（img标签同样具有src属性，用img实现不行吗？）原生实现方式示例：var url="www.xxx.baidu.com/aa.js", scriptTag=document.createElement("script");scriptTag.src=url;document.getElementByTagName("head")[0].appendChi 阅读全文

摘要：localStorage,本地存储，5M，IE8+以及较新版本的主流浏览器都支持，window对象的属性用法示例：localStorage.a="a";localStorage["a"]="a";localStorage.setItem("a", "a");var a=localStorage.a;var a=localStorage["a"];var a=localStorage.getItem("a");localStorage.removeItem( 阅读全文