分享10个原生JavaScript技巧

  首先在这里要非常感谢无私分享作品的网友们,这些代码片段主要由网友们平时分享的作品代码里面和经常去逛网站然后查看源文件收集到的。把平时网站上常用的一些实用功能代码片段通通收集起来,方便网友们学习使用,利用好的话可以加快网友们的开发速度,提高工作效率。

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






1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

function cutstr(str, len) {

    var temp;

    var icount = 0;

    var patrn = /[^\x00-\xff]/;

    var strre = "";

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

        if (icount < len - 1) {

            temp = str.substr(i, 1);

            if (patrn.exec(temp) == null) {

                icount = icount + 1

            } else {

                icount = icount + 2

            }

            strre += temp

        } else {

            break

        }

    }

    return strre + "..."

}

  2、原生JavaScript获取域名主机






1

2

3

4

5

6

7

8

9

10

11

12

function getHost(url) {

    var host = "null";

    if(typeof url == "undefined"|| null == url) {

        url = window.location.href;

    }

    var regex = /^\w+\:\/\/([^\/]*).*/;

    var match = url.match(regex);

    if(typeof match != "undefined" && null != match) {

        host = match[1];

    }

    return host;

}

  3、原生JavaScript清除空格






1

2

3

4

String.prototype.trim = function() {

    var reExtraSpace = /^\s*(.*?)\s+$/;

    return this.replace(reExtraSpace, "$1")

}

  4、原生JavaScript替换全部






1

2

3

String.prototype.replaceAll = function(s1, s2) {

    return this.replace(new RegExp(s1, "gm"), s2)

}

  5、原生JavaScript转义html标签






1

2

3

function HtmlEncode(text) {

    return text.replace(/&/g, ‘&amp‘).replace(/\"/g, ‘&quot;‘).replace(/</g, ‘&lt;‘).replace(/>/g, ‘&gt;‘)

}

  6、原生JavaScript还原html标签






1

2

3

function HtmlDecode(text) {

    return text.replace(/&amp;/g, ‘&‘).replace(/&quot;/g, ‘\"‘).replace(/&lt;/g, ‘<‘).replace(/&gt;/g, ‘>‘)

}

  7、原生JavaScript时间日期格式转换






1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

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

}

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






1

2

3

4

5

6

7

8

function isDigit(value) {

    var patrn = /^[0-9]*$/;

    if (patrn.exec(value) == null || value == "") {

        return false

    } else {

        return true

    }

}

  9、原生JavaScript设置cookie值






1

2

3

4

5

6

7

8

9

function setCookie(name, value, Hours) {

    var d = new Date();

    var offset = 8;

    var utc = d.getTime() + (d.getTimezoneOffset() * 60000);

    var nd = utc + (3600000 * offset);

    var exp = new Date(nd);

    exp.setTime(exp.getTime() + Hours * 60 * 60 * 1000);

    document.cookie = name + "=" + escape(value) + ";path=/;expires=" + exp.toGMTString() + ";domain=360doc.com;"

}

  10、原生JavaScript获取cookie值






1

2

3

4

5

function getCookie(name) {

    var arr = document.cookie.match(new RegExp("(^| )" + name + "=([^;]*)(;|$)"));

    if (arr != null) return unescape(arr[2]);

    return null

}

时间: 2024-11-05 11:24:08

分享10个原生JavaScript技巧的相关文章

10个原生JavaScript技巧

这些代码片段主要由网友们平时分享的作品代码里面和经常去逛网站然后查看源文件收集到的.把平时网站上常用的一些实用功能代码片段通通收集起来,方便网友们学习使用,利用好的话可以加快网友们的开发速度,提高工作效率. 1.原生JavaScript实现字符串长度截取 function cutstr(str, len) { var temp; var icount = 0; var patrn = /[^\x00-\xff]/; var strre = ""; for (var i = 0; i &

原生JavaScript技巧大收集(1~10)

1.原生JavaScript实现字符串长度截取 01 function cutstr(str, len) { 02     var temp; 03     var icount = 0; 04     var patrn = /[^\x00-\xff]/; 05     var strre = ""; 06     for (var i = 0; i < str.length; i++) { 07         if (icount < len - 1) { 08   

原生JavaScript技巧大收集100个

原生JavaScript技巧大收集 1.原生JavaScript实现字符串长度截取function cutstr(str, len) { var temp; var icount = 0; var patrn = /[^\x00-\xff]/; var strre = ""; for (var i = 0; i < str.length; i++) { if (icount < len - 1) { temp = str.substr(i, 1); if (patrn.ex

原生JavaScript技巧大收集(11~20)-(终于又被我找到这篇文章了)

11.原生JavaScript加入收藏夹 function AddFavorite(sURL, sTitle) { try { window.external.addFavorite(sURL, sTitle) } catch(e) { try { window.sidebar.addPanel(sTitle, sURL, "") } catch(e) { alert("加入收藏失败,请使用Ctrl+D进行添加") } } }   12.原生JavaScript设为

原生javascript实现Tab切换

tab切换在各大主流页面有广泛的应用,今天来分享一个用原生javascript来实现类似京东购物边栏的TAB.对于正在使用web前端开发(http://www.maiziedu.com/course/web/)网站的朋友,是非常有用的哦. 首先以下是一段边栏HTML框架代码 <body> <div class="wrap"> <div id="left"> <ul id="leftList"> &l

冷门却使用的 javascript 技巧

前端已经被玩儿坏了!像用近似乱码的 javascript 拼一个图形,而且可以正常运行等炫酷的玩意已经不是什么新闻了,像用||操作符给变量赋默认值也是人尽皆知的旧闻了,今天看到Quora上一个帖子,瞬间又GET了好多前端技能,一些属于技巧,一些则是闻所未闻的冷知识,一时间还消化不过来.现分类整理出来分享给大家,也补充了一些平时的积累和扩展了一些内容. HTML篇 浏览器地址栏运行JavaScript代码 这个很多人应该还是知道的,在浏览器地址栏可以直接运行JavaScript代码,做法是以jav

web开发者需知的45种Javascript技巧大全

web开发者需知的45种Javascript技巧大全 JavaScript是一个绝冠全球的编程语言,可用于Web开发.移动应用开发(PhoneGap.Appcelerator).服务器端开发(Node.js和Wakanda)等等.JavaScript还是很多新手踏入编程世界的第一个语言.既可以用来显示浏览器中的简单提示框,也可以通过nodebot或nodruino来控制机器人.能够编写结构清晰.性能高效的JavaScript代码的开发人员,现如今已成了招聘市场最受追捧的人. 在这篇文章里,我将分

44招JavaScript技巧

JavaScript是一个绝冠全球的编程语言,可用于Web开发.移动应用开发(PhoneGap.Appcelerator).服务器端开发(Node.js和Wakanda)等等.JavaScript还是很多新手踏入编程世界的第一个语言.既可以用来显示浏览器中的简单提示框,也可以通过nodebot或nodruino来控制机器人.能够编写结构清晰.性能高效的JavaScript代码的开发人员,现如今已成了招聘市场最受追捧的人. 在这篇文章里,我将分享一些JavaScript的技巧.秘诀和最佳实践,除了

超有用的JavaScript技巧,窍门和最佳实践

超有用的JavaScript技巧,窍门和最佳实践 1. 首次为变量赋值时务必使用var关键字 变量没有声明而直接赋值得话,默认会作为一个新的全局变量,要尽量避免使用全局变量. 2. 使用===取代== ==和!=操作符会在需要的情况下自动转换数据类型.但===和!==不会,它们会同时比较值和数据类型,这也使得它们要比==和!=快. [10] === 10 // is false [10] == 10 // is true '10' == 10 // is true '10' === 10 //