15个非常实用的JavaScript代码片段
本文实例为大家分享了非常实用的js片段,供大家参考,具体内容如下
1.如何区分IE及非IE浏览器:
if(!+[1,]){//IE11不支持 alert("这是IE浏览器"); }else{ alert("这不是IE浏览器"); }
2.将日期直接转换为数值:
+newDate();
3.非IE浏览器下将类数组对象“arguments”转为数组:
Array.prototype.slice.call(arguments);
4.最简单的选择运算符||:
vara=0||3; console.log(a);//结果3
如果=后面的第一个值计算结果为布尔值“真”,则a的值取第1个,否则取第2个。
5.单链式运算(如a++-1):
vara=10; console.log(a++-1);
先执行“a-1”,再执行“a=a+1”。
6.有趣的void操作符:
<ahref="javascript:void(0)">我是一个死链接</a>
void是一种操作符,用来计算一个表达式但不返回值。
7.跳转至新页面,并且保证浏览器不会再回退:
location.replace("https://www.nhooo.com");
location的replace()方法可以用一个新的文档替换当前文档,并且该方法还会覆盖History对象中的记录。
8.几秒钟之后返回上一页:
<metahttp-equiv="refresh"content="3;url=javascript:window.history.go(-1);">
9.在打开的子窗口中刷新父窗口:
window.opener.location.reload();
10.验证是否为负数的正则表达式:
/^-\d+$/.test(str);
11.用JavaScript打印页面:
window.print()
12.显示/隐藏一个DOM元素:
el.style.display=""; el.style.display="none";//el是待操作的DOM元素
DOM元素的显示/隐藏主要是通过设置元素的样式display属性来实现。
13.实现alert()中的文本换行:
alert("p\np")
"\n"代表换行符。
14.实现ECMAScript5中的Object.create()函数:
functionclone(proto){ function_clone(){} _clone.prototype=proto; _clone.prototype.constructor=_clone; returnnew_clone();//等价于Object.create(Person); varme=clone(Person);
用原型链形式继承,构造函数重新指向新创建的对象。
15.理解JavaScript中的闭包:
例如,以下代码会输出5次,结果都是5,那么如何输出0、1、2、3、4?
for(vari=0;i<5;i++){ setTimeout(function(){ console.log(i); },1000); }
利用闭包的原理实现,代码如下:
for(vari=0;i<5;i++){ (function(e){ setTimeout(function(){ console.log(e); },1000); })(i); }
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持毛票票。