源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

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

  • 时间:2022-08-13 06:15 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:15个非常实用的JavaScript代码片段
本文实例为大家分享了非常实用的js片段,供大家参考,具体内容如下 [b]1.如何区分IE及非IE浏览器:[/b]
if(!+[1,]){ //IE 11 不支持
alert("这是 IE 浏览器");
}else{
alert("这不是 IE 浏览器");
}
[b]2.将日期直接转换为数值:[/b] +new Date(); [b]3.非IE浏览器下将类数组对象 “arguments”转为数组:[/b] Array.prototype.slice.call(arguments); [b]4.最简单的选择运算符||:[/b]
var a = 0 || 3;
console.log(a); //结果3 
如果=后面的第一个值计算结果为布尔值“真”,则 a 的值取第 1 个,否则取第 2 个。 [b]5.单链式运算(如 a++ -1):[/b]
var a=10;
console.log(a++ -1); 
先执行“a-1”,再执行“a=a+1”。 [b]6.有趣的void操作符:[/b] <a href="javascript:void(0)">我是一个死链接</a> void是一种操作符,用来计算一个表达式但不返回值。 [b]7.跳转至新页面,并且保证浏览器不会再回退:[/b] location.replace("[url=http://www.1sucai.cn]http://www.1sucai.cn[/url]"); location 的 replace() 方法可以用一个新的文档替换当前文档,并且该方法还会覆盖 History 对象中的记录。 [b]8.几秒钟之后返回上一页:[/b] <meta http-equiv="refresh" content="3;url=javascript:window.history.go(-1);"> [b]9.在打开的子窗口中刷新父窗口:[/b] window.opener.location.reload(); [b]10.验证是否为负数的正则表达式:[/b] /^-\d+$/.test(str); [b]11.用JavaScript打印页面:[/b] window.print() [b]12.显示/隐藏一个DOM元素:[/b]
el.style.display = "";
el.style.display = "none"; //el是待操作的DOM元素
DOM元素的显示/隐藏主要是通过设置元素的样式display属性来实现。 [b]13.实现alert()中的文本换行:[/b] [b]alert("p\np")[/b] "\n"代表换行符。 [b]14.实现ECMAScript5中的Object.create()函数: [/b]
function clone(proto){
function _clone(){}
_clone.prototype = proto;
_clone.prototype.constructor = _clone;
return new_clone(); //等价于 Object.create(Person);
var me = clone(Person);
用原型链形式继承,构造函数重新指向新创建的对象。 [b]15.理解JavaScript中的闭包:[/b] 例如,以下代码会输出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);
}

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程素材网。
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部