欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

javascript學習筆記之10個原生技巧

 更新時間:2014年05月21日 11:05:03   作者:  
首先在這里要非常感謝無私分享作品的網(wǎng)友們,這些代碼片段主要由網(wǎng)友們平時分享的作品代碼里面和經(jīng)常去逛網(wǎng)站然后查看源文件收集到的。把平時網(wǎng)站上常用的一些實用功能代碼片段通通收集起來,方便網(wǎng)友們學習使用,利用好的話可以加快網(wǎng)友們的開發(fā)速度,提高工作效率。

1、原生JavaScript實現(xiàn)字符串長度截取

復制代碼 代碼如下:

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獲取域名主機

復制代碼 代碼如下:

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清除空格

復制代碼 代碼如下:

String.prototype.trim = function() {
    var reExtraSpace = /^\s*(.*?)\s+$/;
    return this.replace(reExtraSpace, "$1")
}

4、原生JavaScript替換全部

復制代碼 代碼如下:

String.prototype.replaceAll = function(s1, s2) {
    return this.replace(new RegExp(s1, "gm"), s2)
}

5、原生JavaScript轉義html標簽

復制代碼 代碼如下:

function HtmlEncode(text) {
    return text.replace(/&/g, '&amp').replace(/\"/g, '&quot;').replace(/</g, '&lt;').replace(/>/g, '&gt;')
}

6、原生JavaScript還原h(huán)tml標簽

復制代碼 代碼如下:

function HtmlDecode(text) {
    return text.replace(/&amp;/g, '&').replace(/&quot;/g, '\"').replace(/&lt;/g, '<').replace(/&gt;/g, '>')
}

7、原生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
}

8、原生JavaScript判斷是否為數(shù)字類型

復制代碼 代碼如下:

function isDigit(value) {
    var patrn = /^[0-9]*$/;
    if (patrn.exec(value) == null || value == "") {
        return false
    } else {
        return true
    }
}

9、原生JavaScript設置cookie值

復制代碼 代碼如下:

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值

復制代碼 代碼如下:

function getCookie(name) {
    var arr = document.cookie.match(new RegExp("(^| )" + name + "=([^;]*)(;|$)"));
    if (arr != null) return unescape(arr[2]);
    return null
}

相關文章

  • ie支持function.bind()方法實現(xiàn)代碼

    ie支持function.bind()方法實現(xiàn)代碼

    在 google 一番技術資料后,發(fā)現(xiàn) firefox 原生支持一個 bind 方法,該方法很好的滿足了我們的初衷,調用方法與 call 和 apply 一樣,只是定義完成后,在后期調用時該方法才會執(zhí)行,需要的朋友可以了解下
    2012-12-12
  • WebSocket的簡單介紹及應用

    WebSocket的簡單介紹及應用

    因此,如果讓服務器端也可以主動發(fā)送信息到客戶端,就可以很大程度改進這些不足。WebSocket就是一個實現(xiàn)這種雙向通信的新協(xié)議。下面小編來簡單介紹下它
    2019-05-05
  • JS操作CSS隨機改變網(wǎng)頁背景實現(xiàn)思路

    JS操作CSS隨機改變網(wǎng)頁背景實現(xiàn)思路

    JS和CSS讓頁面每次刷新隨機產(chǎn)生一張背景圖,當然我的回答是可以的,下面是具體的實現(xiàn)思路,感興趣的朋友可以參考下
    2014-03-03
  • javascript實現(xiàn)簡易計算器的代碼

    javascript實現(xiàn)簡易計算器的代碼

    下面小編就為大家?guī)硪黄猨avascript實現(xiàn)簡易計算器的代碼小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2016-05-05
  • javascript中this關鍵字詳解

    javascript中this關鍵字詳解

    本文介紹了javascript中this關鍵字,并將有關this的關鍵字知識列成一個list,會有助于我們理清思路,是一個很好的學習方法。強烈推薦。
    2016-12-12
  • javascript中this用法實例詳解

    javascript中this用法實例詳解

    這篇文章主要介紹了javascript中this用法,結合具體實例形式詳細分析了javascript中this的含義及對象、函數(shù)等各種調用中的使用技巧,需要的朋友可以參考下
    2017-04-04
  • 在 IE 中調用 javascript 打開 Excel 表

    在 IE 中調用 javascript 打開 Excel 表

    在 IE 中調用 javascript 打開 Excel 表...
    2006-12-12
  • JavaScript獲得頁面base標簽中url的方法

    JavaScript獲得頁面base標簽中url的方法

    這篇文章主要介紹了JavaScript獲得頁面base標簽中url的方法,涉及javascript中元素的獲取及href屬性的使用技巧,需要的朋友可以參考下
    2015-04-04
  • javascript/jquery獲取地址欄url參數(shù)的方法

    javascript/jquery獲取地址欄url參數(shù)的方法

    本篇文章主要是對javascript/jquery獲取地址欄url參數(shù)的方法進行了介紹,需要的朋友可以過來參考下,希望對大家有所幫助
    2014-03-03
  • webpack組織模塊打包Library的原理及實現(xiàn)

    webpack組織模塊打包Library的原理及實現(xiàn)

    這篇文章主要介紹了webpack組織模塊打包Library的原理及實現(xiàn),小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2018-03-03

最新評論