前端常用JS代码
1、设置Cookie
setCookie(参数名, 参数, expiredays)
1 | function setCookie(c\_name, value, expiredays) { |
2、读取Cookie
getCookie(参数名)
1 | function getCookie(c\_name) { |
3、 截取最后一个斜杠前面的内容
1 | function setIntercept(obj) { |
4、截取?后面的内容
1 | function setIntercept0(obj) { |
5、UUID
1 | function uuid() { |
6、Base64加解密
var b = new Base64(); b.encode(加密数据) b.decode(解密数据)
1 | function Base64() { |
7、iframe 内外传参
iframeName.textInput(传的参数);
iframeName是iframe的name属性
textInput()是iframe嵌入页的函数名
document.getElementById(‘iframe’).contentWindow.playerParameter = ‘父页面传值’;
console.log(document.getElementById(‘iframe’).contentWindow. playerParameter )
8、微信窗口关闭
1 | WeixinJSBridge.invoke('closeWindow', {}, function(rs) {}); |
9、获取当前时间戳
第一种方法:
1 | var timestamp = Date.parse(new Date()); |
结果:1280977330000 第二种方法:
1 | var timestamp = (new Date()).valueOf(); |
结果:1280977330748 第三种方法:
1 | var timestamp=new Date().getTime(); |
结果:1280977330748 以上代码将获取从 1970年1月1日午夜开始的毫秒数。二者的区别是,第一种方法的毫秒位上为全零,即只是精确到秒的毫秒数 jQuery 获取时间戳 $.now()
1 | var timestamp = $.now(); |
当前时间时间戳
1 | Math.round(new Date().getTime()/1000) |
10、JS异步加载
有时候加载JS文件慢,可能造成网页失去响应。解决办法有两个,一个是把它放在网页底部加载,另一个是写成下面这样:
async属性表明这个文件需要异步加载,避免网页失去响应。IE不支持这个属性,只支持defer,所以把defer也写上。
11、清除空格
1 | String.prototype.trim = function() { |
12、清除左空格/右空格
1 | function ltrim(s){ return s.replace( /^(\\s\* \*)/, ""); } |
13、字符串长度截取
1 | function cutstr(str, len) { |
14、判断是否为数字类型
1 | function isDigit(value) { |
15、加入收藏夹
1 | function AddFavorite(sURL, sTitle) { |
16、设为首页
1 | function setHomepage() { |
17、加载样式文件
1 | function LoadStyle(url) { |
18、检验URL链接是否有效
1 | function getUrlState(URL){ |
19、格式化CSS样式代码
1 | function formatCss(s){//格式化代码 |
20、压缩CSS样式代码
1 | function compressCss (s) {//压缩代码 |
21、判断是否移动设备
1 | function isMobile(){ |
22、判断是否移动设备访问
1 | function isMobileUserAgent(){ |
23、判断是否苹果移动设备访问
1 | function isAppleMobileDevice(){ |
24、判断是否安卓移动设备访问
1 | function isAndroidMobileDevice(){ |
25、获取移动设备初始化大小
1 | function getInitZoom(){ |
26、获取移动设备屏幕宽度
1 | function getScreenWidth(){ |
27、完美判断是否为网址
1 | function IsURL(strUrl) { |
28、获取页面高度
1 | function getPageHeight(){ |
29、获取页面可视宽度
1 | function getPageViewWidth(){ |
30、获取页面宽度
1 | function getPageWidth(){ |
31、获取页面scrollTop
1 | function getPageScrollTop(){ |
32、获取页面可视高度
1 | function getPageViewHeight() { |
33、去掉url前缀
1 | function removeUrlPrefix(a){ |
34、全角半角转换
1 | //iCase: 0全到半,1半到全,其他不转化 |
35、日期格式化函数+调用方法
1 | Date.prototype.format = function(format){ |
36、时间个性化输出功能
1 | /\* |
37、解决offsetX兼容性问题
1 | // 针对火狐不支持offsetX/Y |
38、返回顶部的通用方法
1 | function backTop(btnId) { |
39、提取页面代码中所有网址
1 | var aa = document.documentElement.outerHTML.match(/(url\\(src=href=)\[\\"\\'\]\*(\[^\\"\\'\\(\\)\\<\\>\\\[\\\] \]+)\[\\"\\'\\)\]\*(http:\\/\\/\[\\w\\-\\.\]+\[^\\"\\'\\(\\)\\<\\>\\\[\\\] \]+)/ig).join("\\r\\n").replace(/^(src=href=url\\()\[\\"\\'\]\*\[\\"\\'\\>\\) \]\*$/igm,""); |
40、清除相同的数组
1 | String.prototype.unique=function(){ |
41、按字母排序,对每行进行数组排序
1 | function SetSort(){ |
42、字符串反序(倒序)
1 | function IsReverse(text){ |
43、清除html代码中的脚本
1 | function clear\_script(){ |
44、金额大写转换函数
1 | function transform(tranvalue) { |
45、js阻止冒泡事件
1 | function stopPropagation(e) { |
46、判断某值知否在数组中
1 | Array.prototype.isContainsValue=function(value) { |
47、根据一个值删除某元素
1 | Array.prototype.delByValue=function(value) { |
48、根据下标删除某元素
1 | Array.prototype.del=function(n) { |
49、检查密码强度
1 | $('#pass').keyup(function (e) |
50、js去除字符串中特殊符号
1 | var a = 'dsfhhdifhg%dfg#dfhgfh' |
秒转成时分秒格式
1 | function musicTimeFormat(value) { |
51、数组去重
方法一:
1 | Array.prototype.distinct = function(){ |
方法二:
1 | Array.prototype.distinct = function (){ |
方法三:
1 | Array.prototype.distinct = function (){ |
方法四:
1 | function arrRmRepeat(arr) { |
方法五:
1 | function arrRmRepeat(arr) { |
52、合并数组并去重
方法一:
1 | function concatArr(arr1, arr2){ |
方法二:
1 | var a = \[1, 2, 3\]; |
53、数组升降序
升序:
1 | array.sort(function (x,y) { |
降序:
1 | array.sort(function (x,y) { |
54、JSON排序
按照id排序
1 | json.sort( function(x,t){ |
55
本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来源 畅想生活!
