当前目录: JavaScript笔记
js html标签转化过滤

2016年10月7日  JavaScript笔记,前端资源   

html特殊标签字符转义 js转化html标签 正则 过滤 危险 特殊 字符   //去掉html标签 function removeHtmlTab(tab) { return tab.replace(/<[^<>]+?>/g,'');//删除所有HTML标签 }   //只删除a标签 function delHtmlTag(str){return str.replace(/(<a .+?>)|(<\/a>)/ig,"");}     //普通字符转换成转意符 function html2Escape(sHtml) { return sHtml.replace(/[<>&"]/g,function(c){return {'<':'&lt;','>':'&gt;','&':'&amp;','"':'&quot;'}[c];}); }   //转意符换成普通字符 function escape2Html(str) { var arrEntities={'lt':'<','gt':'>','nbsp':' ','amp':'&','quot':'"'}; return str.replace(/&a...

js的事件监听、捕获和冒泡的关系

2016年6月17日  JavaScript笔记,前端资源   

js的事件监听一般有两种写法 方法一: element.addEventListener(type, listener[, useCapture]); // IE6~8不支持 element.attachEvent(’on’ + type, listener); // IE6~10,IE11不支持(垃圾IE专属)   方法二: element[’on’ + type] = function(){} // 所有浏览器     这两种方法的区别是除了兼容性还有: 使用addEventListener时 <div id="father"></div> document.getElementById('father').addEventListener('click',function(){ alert('爸爸1'); },false); document.getElementById('father').addEventListener('click',function(){ alert('爸爸2'); },false); 结果:都能执行,先弹出爸爸1之后是爸爸2 (对于attachEvent结果类似但是顺序有点不同可以参考《ad...

谷歌浏览器firebug控制台的一个细节

2016年4月29日  JavaScript笔记,前端资源   

<div id="wo">11</div> //创建一个元素 console.log( document.getElementById('wo') ); //查看元素 当我们到控制台查看结果时不停的刷新就会有两种不同的结果 第一种:显示出了很多属性和方法   第二种:只显示DOM元素   上面两种结果都正确,第二种结果仅仅显示我们需要看的DOM元素而已,但是第一种不仅显示DOM结果,还显示原生DOM能支持多少原生JS 的属性和方法列举了很详细,例如: // innerHTML是DOM其中一种JS内置提供的属性功能 document.getElementById('wo').innerHTML

请问js中给function添加的属性去哪儿了?有什么用途?,在js中为什么说函数也是对象?

2016年2月21日  JavaScript笔记,前端资源   

函数是对象 在js中为什么说函数也是对象? 我们都知道js中的对象要调用里面的属性和方法一般的写法都是: obj,name;   obj.run(); 这样很正常,但是function也能这么写,例如: function wo(){}  //声明了一个函数 wo.name='我'; wo.run=function(){ return '这是一个方法'; } 调用方法跟调用对象一样: obj.name; obj.run();   其实这么写的作用,就要联想到js的面向对象思想了,一般我们写一个构造函数的写法是: function Wo(){ this.myname='我1'; //这里的this其实也就是Wo本身,并且还是私有的,外界无法访问,也不能修改,同时也是起到了初始化的作用。 this.run=function(){ } } alert( Wo.myname ); //试图访问 myname 返回的是 undefined Wo.myname='我2'; //试图修改 this.myname...

js中数字类型、字符串类型各自带的属性和方法

2016年2月18日  JavaScript笔记,前端资源   

数字类型和字符串类型txt笔记 在JS里要操作数字类型或者字符串类型都需要调用js内置的属性或者方法,而这些属性和方法就是针对数字类型和字符串类型的。   数字类型自带方法 var box=10000.789; box.toString() //强制转化为String类型 box.toLocaleString() //10,000 box.toFixed(2) // 10000.79 保留2位小数并四舍五入 还有其他的内置方法但是不常用     字符串类型自带属性和方法 var box = 'Mr. Lee'; alert(box.length); //字符串长度 //alert(box.charAt(1)); //r //alert(box.charCodeAt(4)); //L,返回的是acssii码 //alert(box.concat(' is ', ' Teacher ', '!')); //参数字符串连接   slice() substring() substr() 索引都是从0开始 //alert(box.slice(4, 6)); //Le //alert(box.substr...