15个非常实用的JavaScript代码片段

本文实例为大家分享了非常实用的js片段，供大家参考，具体内容如下

1.如何区分IE及非IE浏览器：

if(!+[1,]){ //IE 11 不支持
alert("这是 IE 浏览器")；
}else{
alert("这不是 IE 浏览器")；
｝

2.将日期直接转换为数值：

+new Date();

3.非IE浏览器下将类数组对象 “arguments”转为数组：

Array.prototype.slice.call(arguments);

4.最简单的选择运算符||：

var a = 0 || 3;
console.log(a); //结果3

如果=后面的第一个值计算结果为布尔值“真”，则 a 的值取第 1 个，否则取第 2 个。

5.单链式运算（如 a++ -1）:

var a=10;
console.log(a++ -1);

先执行“a-1”，再执行“a=a+1”。

6.有趣的void操作符：

<a href="javascript:void(0)">我是一个死链接</a>

void是一种操作符，用来计算一个表达式但不返回值。

7.跳转至新页面，并且保证浏览器不会再回退：

location.replace("https://www.");

location 的 replace() 方法可以用一个新的文档替换当前文档，并且该方法还会覆盖 History 对象中的记录。

8.几秒钟之后返回上一页：

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()函数：　

function clone(proto){
function _clone(){}
_clone.prototype = proto;
_clone.prototype.constructor = _clone;
return new_clone(); //等价于 Object.create(Person);
var me = clone(Person);

用原型链形式继承，构造函数重新指向新创建的对象。

15.理解JavaScript中的闭包：

例如，以下代码会输出5次，结果都是5，那么如何输出0、1、2、3、4？

for(var i = 0; i < 5; i++) {
setTimeout(function() {
console.log(i);
}, 1000);
}

利用闭包的原理实现，代码如下：

for(var i = 0; i < 5; i++) {
(function(e) {
setTimeout(function() {
console.log(e);
}, 1000);
})(i);
}

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

# js # 代码片段 # 工作中常用的js、jquery自定义扩展函数代码片段汇总 # 你一定会收藏的Nodejs代码片段 # JavaScript的漂亮的代码片段 # JS跨域代码片段 # JavaScript和JQuery实用代码片段（一） # 总结AJAX相关JS代码片段和浏览器模型 # 一段非常简单的让图片自动切换js代码 # 一段超强的javascript代码解密方法 # 一起来写段JS drag拖动代码 # 那些精彩的JavaScript代码片段 # 链式 # 都是 # 这是 # 文档 # 是一种 # 第一个 # 上一页 # 还会 # 可以用 # 这不是 # 不支持 # 跳转 # 我是一个 # 但不 # 大家分享 # 最简单 # 来实现 # 转换为 # 具体内容 # 几秒钟

返回目录在线咨询

上一篇：成都外贸高效建站方案：独立站+多语言支持实战指南
下一篇：知己网站制作流程,知己发行时间？

您的项目需求

*请认真填写需求信息，我们会在24小时内与您取得联系。

全网整合营销服务商

15个非常实用的JavaScript代码片段

您的项目需求