WEB前端工程师整理的原生JavaScript经典百例

一、原生JavaScript实现字符串长度截取

二、原生JavaScript获取域名主机

三、原生JavaScript转义html标签

四、原生JavaScript时间日期格式替换

Date.prototype.Format = function(formatStr) {

var str = formatStr;

var Week = ['日', '一', '二', '三', '四', '五', '六'];

str = str.replace(/yyyy|YYYY/, this.getFullYear());

str = str.replace(/yy|YY/, (this.getYear() % 100) > 9 ? (this.getYear() % 100).toString() : '0' + (this.getYear() % 100)); str = str.replace(/MM/, (this.getMonth() + 1) > 9 ? (this.getMonth() + 1).toString() : '0' + (this.getMonth() + 1));

str = str.replace(/M/g, (this.getMonth() + 1));

str = str.replace(/w|W/g, Week[this.getDay()]);

str = str.replace(/dd|DD/, this.getDate() > 9 ? this.getDate().toString() : '0' + this.getDate());

str = str.replace(/d|D/g, this.getDate());

str = str.replace(/hh|HH/, this.getHours() > 9 ? this.getHours().toString() : '0' + this.getHours());

str = str.replace(/h|H/g, this.getHours());

str = str.replace(/mm/, this.getMinutes() > 9 ? this.getMinutes().toString() : '0' + this.getMinutes());

str = str.replace(/m/g, this.getMinutes());

str = str.replace(/ss|SS/, this.getSeconds() > 9 ? this.getSeconds().toString() : '0' + this.getSeconds());

str = str.replace(/s|S/g, this.getSeconds());

return str

五、原生JavaScript判断是否为数字类型

六、原生JavaScript获取cookie值

七、原生JavaScript格式化CSS样式代码

八、原生JavaScript实现checkbox全选与全不选

九、原生JavaScript根据样式名称检索元素对象

十、原生JavaScript判断是否以某个字符串开头

十一、原生JavaScript获取页面scrollLeft

十二、原生JavaScript跨浏览器添加事件

十三、原生JavaScript用正则表达式清除相同的数组(高效率)

篇幅有限，今天先分享这么多，如果大家喜欢的话我会再更新，正在学习WEB前端技术的小伙伴可以进群（618522268）一起交流学习，群里还有大量学习资料可供大家自行下载参看，欢迎大家一起来交流讨论。。