H5中JavaScript常用代码片段

简介: /** * 批量替换方法,批量过滤特殊字符,通常用在通过后的各种编辑器添加的内容在App上编辑上使用 * james.wang 2016-11-11 * 使用方法:ReCont(Content,["", "", "", ""]) * @param {Object} strCont...
/**
 * 批量替换方法,批量过滤特殊字符,通常用在通过后的各种编辑器添加的内容在App上编辑上使用
 * james.wang 2016-11-11
 * 使用方法:ReCont(Content,["<br>", "<br/>", "<p>", "</p>"])
 * @param {Object} strCont 要替换的内容
 * @param {Object} array   内容里需要替换的字符串数组
 */
function ReEditer(strCont, array) {
    for (var i in array) {
        var item = array[i];
        //alert(item);
        var reg = new RegExp("\\" + item, "g");
        switch(item) {
            case '<br>':
                strCont = strCont.replace(reg, "\n");
                break;
            case '<br/>':
                strCont = strCont.replace(reg, "\n");
                break;
            case '<p>':
                strCont = strCont.replace(reg, "");
                break;
            case '</p>':
                strCont = strCont.replace(reg, "\n");
                break;
            case '&nbsp;':
                strCont = strCont.replace(reg, "\ ");
                break;
            default:
                strCont = strCont.replace(reg, "");
                break;
        }
    }
    return strCont;
}
/**
 * 获取所有选中的checkbox值
 * 返回值是以逗号分隔的字符串,如:2562,2568,6532,5268  如果没有选择返回空
 */
function getCheckBox() {
    var chk_value = [];
    var stringValue = "";
    $('input[name="grade"]:checked').each(function() {
        chk_value.push($(this).val());
    });
    if (chk_value.length == 0)
        return "";
    else {
        for (var i in chk_value) {
            stringValue += chk_value[i] + ',';
        }
stringValue=stringValue.substring(0, stringValue.length - 1); //去掉最后一个逗号 }
return stringValue; }
/*
 *生成唯一字符串 
 */
function NewGuid() {
    function S4() {
        return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);
    }

    return (S4() + S4() + "-" + S4() + "-" + S4() + "-" + S4() + "-" + S4() + S4() + S4());
}
/**
 * 拼接图片附件,在图片路径前加上当前域名做为全路径
 * @param {Object} attachments 以逗号分隔的附件字符串
 */
function pathString(attachments) {
    if (attachments != '' && attachments != '&nbsp;' && attachments != null) {
        var pathStr = '';
        var attArr = attachments.split(',');
        for (var i in attArr) {
            pathStr += host + attArr[i] + ",";
        }
        return pathStr.substring(0, pathStr.length - 1);
    } else {
        return '';
    }
}
/**
 *把在textarea的换行符和空格符替换为相应的html表达字符 
 * @param {Object} strCont
 * @param {Object} array
 */
function Retextarea(strCont, array) {
    for (var i in array) {
        var item = array[i];
        var reg = new RegExp("\\" + item, "g");
        switch(item) {
            case '\r\n':
                strCont = strCont.replace(reg, "<br/>");
                break;
            case '\ ':
                strCont = strCont.replace(reg, "&nbsp;");
                break;
            default:
                strCont = strCont.replace(reg, "");
                break;
        }
    }
    return strCont;
}
// 对Date的扩展,将 Date 转化为指定格式的String
// 月(M)、日(d)、小时(h)、分(m)、秒(s)、季度(q) 可以用 1-2 个占位符, 
// 年(y)可以用 1-4 个占位符,毫秒(S)只能用 1 个占位符(是 1-3 位的数字) 
// 例子: 
// (new Date()).Format("yyyy-MM-dd hh:mm:ss.S") ==> 2006-07-02 08:09:04.423 
// (new Date()).Format("yyyy-M-d h:m:s.S")      ==> 2006-7-2 8:9:4.18 
Date.prototype.Format = function (fmt) { //author: meizz 
    var o = {
        "M+": this.getMonth() + 1, //月份 
        "d+": this.getDate(), //
        "h+": this.getHours(), //小时 
        "m+": this.getMinutes(), //
        "s+": this.getSeconds(), //
        "q+": Math.floor((this.getMonth() + 3) / 3), //季度 
        "S": this.getMilliseconds() //毫秒 
    };
    if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
    for (var k in o)
    if (new RegExp("(" + k + ")").test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
    return fmt;
}
/**
 * js截取字符串,中英文都能用
 * @param str:需要截取的字符串
 * @param len: 需要截取的长度
 */
function cutstr(str, len) {
    var str_length = 0;
    var str_len = 0;
    str_cut = new String();
    str_len = str.length;
    for (var i = 0; i < str_len; i++) {
        a = str.charAt(i);
        str_length++;
        if (escape(a).length > 4) {
            //中文字符的长度经编码之后大于4
            str_length++;
        }
        str_cut = str_cut.concat(a);
        if (str_length >= len) {
            str_cut = str_cut.concat("...");
            return str_cut;
        }
    }
    //如果给定字符串小于指定长度,则返回源字符串;
    if (str_length < len) {
        return str;
    }
}

 JQuery、js判断复选框是否选中状态

//JQuery:

var $isChecked = $("#id").is(":checked");

alert($isChecked);

//JS:

var $id = document.getElementById("id");

alert($id.checked);

//Notes:

//JQuery中,is函数里的必须要有冒号,否则不见效;

//JS中,必须调用checked 即>>> .checked
//把时间戳转换为当前日期
function ToTime(timestamp) {
    var newDate = new Date();
    newDate.setTime(timestamp);
    return formatDate(newDate);
}
//把时间转换为想要的格式
function formatDate(dateTimeStamp) {
    var year = dateTimeStamp.getFullYear();
    var month = dateTimeStamp.getMonth() + 1;
    var date = dateTimeStamp.getDate();
    var hour = dateTimeStamp.getHours();
    var minute = dateTimeStamp.getMinutes();
    var second = dateTimeStamp.getSeconds();
    //今天的时间戳
    var p_minute = 1000 * 60;
    var p_hour = p_minute * 60;
    var p_day = p_hour * 24;
    var p_month = p_day * 30;
    var nowtTimeStamp = new Date().getTime();
    var diffValue = nowtTimeStamp - dateTimeStamp;
    var monthC = diffValue / p_month;
    var weekC = diffValue / (7 * p_day);
    var dayC = diffValue / p_day;
    var hourC = diffValue / p_hour;
    var minC = diffValue / p_minute;
    //现在的时间
    var dateN = new Date();
    var hourD = hourC - dateN.getHours();
    var dayD = dayC - dateN.getDate();
    //alert(dayC+','+monthC);

    if (hourD < 0) {
        result = hour + ":" + minute;
    } else if (hourD > 0 && hourD < 24) {
        result = "昨天 " + hour + ":" + minute;
    } else if (dayC > 2 && monthC < 12) {
        //result = month + "月" + date + "日   " + hour + ":" + minute;
        result = month + "-" + date + " " + hour + ":" + minute;
    } else {
        //result = year + "年" + month + "月" + date + "日   " + hour + ":" + minute;
        //result = month + "月" + date + "日   " + hour + ":" + minute;
        result = month + "-" + date + " " + hour + ":" + minute;
    }
    return result;
}

 

//JS Replace 全部替换字符 用法.

var r= "1\n2\n3\n";
//将字母\n替换成分号
alert(r.replace(/\n/g, ";"));

结果:1;2;3; replace 的第一个参数可以是正则表达式,/g标识全文匹配。

 

学习交流群:364976091
相关文章
|
2月前
|
JavaScript 前端开发 安全
【逆向】Python 调用 JS 代码实战:使用 pyexecjs 与 Node.js 无缝衔接
本文介绍了如何使用 Python 的轻量级库 `pyexecjs` 调用 JavaScript 代码,并结合 Node.js 实现完整的执行流程。内容涵盖环境搭建、基本使用、常见问题解决方案及爬虫逆向分析中的实战技巧,帮助开发者在 Python 中高效处理 JS 逻辑。
|
4月前
|
开发框架 JavaScript 前端开发
精选HTML、JavaScript、ASP代码片段集锦
这些代码片段代表了HTML, JavaScript和ASP的基本应用,可被集成到更复杂的项目中。它们注重实用性,并且易于理解,旨在帮助开发者快速开始项目构建或进行学习。尽管ASP不如其他服务器端技术(如Node.js, PHP, Ruby等)现代,但它在遗留系统中仍非常普遍,了解基础仍具有价值。
172 14
|
4月前
|
JavaScript 前端开发 算法
流量分发代码实战|学会用JS控制用户访问路径
流量分发工具(Traffic Distributor),又称跳转器或负载均衡器,可通过JavaScript按预设规则将用户随机引导至不同网站,适用于SEO优化、广告投放、A/B测试等场景。本文分享一段不到百行的JS代码,实现智能、隐蔽的流量控制,并附完整示例与算法解析。
140 1
|
5月前
|
JavaScript 前端开发
怀孕b超单子在线制作,p图一键生成怀孕,JS代码装逼娱乐
模拟B超单的视觉效果,包含随机生成的胎儿图像、医疗文本信息和医院标志。请注意这仅用于前端开发学习
|
5月前
|
JavaScript
JS代码的一些常用优化写法
JS代码的一些常用优化写法
107 0
|
7月前
|
存储 JavaScript 前端开发
在NodeJS中使用npm包进行JS代码的混淆加密
总的来说,使用“javascript-obfuscator”包可以帮助我们在Node.js中轻松地混淆JavaScript代码。通过合理的配置,我们可以使混淆后的代码更难以理解,从而提高代码的保密性。
678 9
|
8月前
|
前端开发 JavaScript
【Javascript系列】Terser除了压缩代码之外,还有优化代码的功能
Terser 是一款广泛应用于前端开发的 JavaScript 解析器和压缩工具,常被视为 Uglify-es 的替代品。它不仅能高效压缩代码体积,还能优化代码逻辑,提升可靠性。例如,在调试中发现,Terser 压缩后的代码对删除功能确认框逻辑进行了优化。常用参数包括 `compress`(启用压缩)、`mangle`(变量名混淆)和 `output`(输出配置)。更多高级用法可参考官方文档。
620 11
|
10月前
|
人工智能 程序员 UED
【01】完成新年倒计时页面-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+div+CSS+JavaScript-优雅草卓伊凡-做一条关于新年的代码分享给你们-为了C站的分拼一下子
【01】完成新年倒计时页面-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+div+CSS+JavaScript-优雅草卓伊凡-做一条关于新年的代码分享给你们-为了C站的分拼一下子
487 21
【01】完成新年倒计时页面-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+div+CSS+JavaScript-优雅草卓伊凡-做一条关于新年的代码分享给你们-为了C站的分拼一下子
|
8月前
|
JavaScript 前端开发 算法
JavaScript 中通过Array.sort() 实现多字段排序、排序稳定性、随机排序洗牌算法、优化排序性能,JS中排序算法的使用详解(附实际应用代码)
Array.sort() 是一个功能强大的方法,通过自定义的比较函数,可以处理各种复杂的排序逻辑。无论是简单的数字排序,还是多字段、嵌套对象、分组排序等高级应用,Array.sort() 都能胜任。同时,通过性能优化技巧(如映射排序)和结合其他数组方法(如 reduce),Array.sort() 可以用来实现高效的数据处理逻辑。 只有锻炼思维才能可持续地解决问题,只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您带来一点帮助,麻烦您点个赞支持一下,还可以收藏起来以备不时之需,有疑问和错误欢迎在评论区指出~

热门文章

最新文章