常用的前端代码片段(二)

【简介】

在开发中，有一些代码段的使用频率是非常高，或者有些只是偶尔用到，但是属性又很难记，那么这里把它做一个总结，方便查阅。

【去除空格】

[JavaScript]

纯文本查看

复制代码

function returnNoSpace(str) {

return str.replace(/\s+/g, ' ');

}

【兼容性滚动条】

[JavaScript]

纯文本查看

复制代码

1	`document.documentElement.scrollTop \|\| window.pageYOffset \|\| document.body.scrollTop`

【

时间戳、毫秒格式化】

[JavaScript]

纯文本查看

复制代码

function formatDate(now) {

var y = now.getFullYear();

var m = now.getMonth() + 1; // 注意js里的月要加1

var d = now.getDate();

var h = now.getHours();

var m = now.getMinutes();

var s = now.getSeconds();

return y + "-" + m + "-" + d + " " + h + ":" + m + ":" + s;

}

var nowDate = new Date(2016, 5, 13, 19, 18, 30, 20);

console.log(nowDate.getTime()); // 获得当前毫秒数: 1465816710020

console.log(formatDate(nowDate));

【

限定字符数（注意：一个汉字算

个字符）】

[JavaScript]

纯文本查看

复制代码

<input id="txt" type="text">

//字符串截取

function getByteVal(val, max) {

var returnValue = '';

var byteValLen = 0;

for (var i = 0; i < val.length; i++) {

if (val[i].match(/[^\x00-\xff]/ig) != null) byteValLen += 2; else byteValLen += 1;

if (byteValLen > max) break;

returnValue += val[i];

}

return returnValue;

}

$('#txt').on('keyup', function () {

var val = this.value;

if (val.replace(/[^\x00-\xff]/g, "**").length > 14) {

this.value = getByteVal(val, 14);

}

});

【自定义

dom

事件】

[JavaScript]

纯文本查看

复制代码

var evt = document.createEvent("HTMLEvents");

// 初始化，事件类型，是否冒泡，是否阻止浏览器的默认行为

evt.initEvent("tap", false, false);

// 触发

div.dispatchEvent(evt);

【设置

rem

】

[JavaScript]

纯文本查看

复制代码

function setHTML() {

// 基础值

var baseVal = 100;

// 设计稿的宽度

var pageWidth = 375;

// 要适配的屏幕的宽度?

var screenWidth = document.querySelector("html").offsetWidth;

// 要设置的fontsize

var fontsize = screenWidth * baseVal / pageWidth;

// 设置到html标签的中

document.querySelector("html").style.fontSize = fontsize + "px";

}

【

HTML5

全屏】

[JavaScript]

纯文本查看

复制代码

function fullscreen(element) {

if (element.requestFullscreen) {

element.requestFullscreen();

} else if (element.mozRequestFullScreen) {

element.mozRequestFullScreen();

} else if (element.webkitRequestFullscreen) {

element.webkitRequestFullscreen();

} else if (element.msRequestFullscreen) {

element.msRequestFullscreen();

}

fullscreen(document.documentElement);