本文实例为大家分享了非常实用的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.几秒钟之后返回上一页：

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

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代码片段  # 链式  # 都是  # 这是  # 文档  # 是一种  # 第一个  # 上一页  # 还会  # 可以用  # 这不是  # 不支持  # 跳转  # 我是一个  # 但不  # 大家分享  # 最简单  # 来实现  # 转换为  # 具体内容  # 几秒钟 

相关栏目： 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571 】

相关推荐： Laravel如何配置Horizon来管理队列？（安装和使用）  javascript日期怎么处理_如何格式化输出  最好的网站制作公司,网购哪个网站口碑最好，推荐几个？谢谢？  Laravel观察者模式如何使用_Laravel Model Observer配置  Win11摄像头无法使用怎么办_Win11相机隐私权限开启教程【详解】  Laravel如何创建自定义中间件？（Middleware代码示例）  Java垃圾回收器的方法和原理总结  如何挑选最适合建站的高性能VPS主机？  浅谈Javascript中的Label语句  动图在线制作网站有哪些,滑动动图图集怎么做？  独立制作一个网站多少钱,建立网站需要花多少钱？  php在windows下怎么调试_phpwindows环境调试操作说明【操作】  如何为不同团队 ID 动态生成多个非值班状态按钮  详解Android图表 MPAndroidChart折线图  Laravel怎么实现模型属性转换Casting_Laravel自动将JSON字段转为数组【技巧】  jquery插件bootstrapValidator表单验证详解  Java解压缩zip - 解压缩多个文件或文件夹实例  Python图片处理进阶教程_Pillow滤镜与图像增强  Swift中循环语句中的转移语句 break 和 continue  Laravel如何自定义错误页面（404, 500）？（代码示例）  CSS3怎么给轮播图加过渡动画_transition加transform实现【技巧】  佐糖AI抠图怎样调整抠图精度_佐糖AI精度调整与放大细化操作【攻略】  JS中使用new Date(str)创建时间对象不兼容firefox和ie的解决方法(两种)  javascript读取文本节点方法小结  如何快速重置建站主机并恢复默认配置？  敲碗10年！Mac系列传将迎来「触控与联网」双革新  高防服务器：AI智能防御DDoS攻击与数据安全保障  Laravel如何生成PDF或Excel文件_Laravel文档导出工具与使用教程  HTML5空格和margin有啥区别_空格与外边距的使用场景【说明】  C语言设计一个闪闪的圣诞树  Microsoft Edge如何解决网页加载问题 Edge浏览器加载问题修复  googleplay官方入口在哪里_Google Play官方商店快速入口指南  HTML5空格和nbsp有啥关系_nbsp的作用及使用场景【说明】  Python文件操作最佳实践_稳定性说明【指导】  香港服务器网站搭建教程-电商部署、配置优化与安全稳定指南  Laravel如何使用Service Provider服务提供者_Laravel依赖注入与容器绑定【深度】  Laravel如何实现图片防盗链功能_Laravel中间件验证Referer来源请求【方案】  网易LOFTER官网链接 老福特网页版登录地址  Android okhttputils现在进度显示实例代码  公司门户网站制作流程,华为官网怎么做？  百度输入法ai面板怎么关 百度输入法ai面板隐藏技巧  如何为不同团队 ID 动态生成多个“认领值班”按钮  Laravel如何创建自定义Facades？（详细步骤）  学生网站制作软件,一个12岁的学生写小说，应该去什么样的网站？  如何快速搭建支持数据库操作的智能建站平台？  微信h5制作网站有哪些,免费微信H5页面制作工具？  android nfc常用标签读取总结  微博html5版本怎么弄发超话_超话进入入口及发帖格式要求【教程】  Laravel Eloquent：优雅地将关联模型字段扁平化到主模型中  ,南京靠谱的征婚网站？