交互過程中封裝了一些常用的函數(不斷添加中)

来源:http://www.cnblogs.com/wuxibolgs329/archive/2016/12/20/6195703.html
-Advertisement-
Play Games

1、截取字元串或是多行顯示省略號 2、獲取ID 3、轉換手機號碼中間四位為星號 4、根據data-url跳轉頁面 5、獲取當前頁面路徑攜帶的參數值 6、驗證手機號 7、倒計時 8、獲取今天、明天、後天的日期 9、範圍隨機數 ...


1、截取字元串或是多行顯示省略號

//截取字元串
function omit1(str, num) {
    if (str) {
        if (str.length > num) {
            str = str.substring(0, num) + "..."
        }
    } else {
        str = "";
    }
    return str;
}

2、獲取ID

//獲取ID
function dom(id){
    return document.getElementById(id);
};
/*下麵的方法,可以直接引用*/
//獲取ID為str的元素
$: function(str) {
   return document.getElementById(str);
}
//例子
//  <div id="aa">獲取id</div>
//$(aa);//就是獲取id的意思

3、轉換手機號碼中間四位為星號

//轉換手機號碼中間四位為星號
transPhone: function (val) {
    return val.substring(0,3)+"****"+val.substring(7,11);
}

//例子
//var aa = '18225899250';
//transPhone(aa);//182****9250

4、根據data-url跳轉頁面

//根據data-url跳轉頁面
goToUrl: function (url) {
    var str = url.split("/"),
          strSplit = str[str.length-1],
          myid = strSplit.split(".")[0];
     mui.openWindow({
           url:url,
            id:myid
     });
}

5、獲取當前頁面路徑攜帶的參數值

//獲取當前頁面路徑攜帶的參數值
splitUrl: function (url) {
  var Request = new Object();
   if ( url.indexOf("?") != -1 ) {
       var str = url.substr(1), //去掉?號
           strs= str.split("&");
       for( var i=0; i<strs.length; i++ ) {
           Request[strs[i].split("=")[0]]=unescape(strs[i].split("=")[1]);
       }
   }
   return Request;
}

//例子
//var URL = location.search;
//var ruleid = LIB.splitUrl(
URL)['ruleid'];

6、驗證手機號

//驗證手機號
verifyPhone: function (val, successBack) {
   if( val == '' ) {
       mui.alert('手機號碼不得為空!', '提示', function () {
         return false;
     });
   } else if( !(/^1[3|4|5|7|8][0-9]\d{8}$/.test(val)) ){
       mui.alert('請輸入正確的手機號碼!', '提示', function () {
           return false;
       });
   } else {
        successBack(val);
   }
}

7、倒計時

//倒計時
    countDown: function (s, t){
        var that = this;
         s --;
         $('.postverify').html(s + '秒後重發');
        $('#time').text(s);
        t = setTimeout(function() {
            that.countDown(s, t);
        }, 1000);
        if ( s <= 0 ){
             s = 60;
             clearTimeout(t);
             //把倒計時改成重新獲取按鈕
             $('.postverify').text('重新發送');
         }
    }

8、獲取今天、明天、後天的日期

//獲取今天/明天/後天日期
    getTimeNow: function (add) {
        var d = new Date();
        var m = String(d.getMonth()+1).length == 1 ? '0' + (d.getMonth()+1) : d.getMonth()+1;
        var y = String(d.getDate()).length == 1 ? '0' + d.getDate() : d.getDate();
        d.setDate(d.getDate()+add);
        var weekday = ['周日','周一','周二','周三','周四','周五','周六'];
        return {
            'date': d.getFullYear()+'-'+ m +'-'+d.getDate(),
            'dates': (d.getMonth()+1)+'月'+d.getDate()+'日',
            'wday': weekday[d.getDay()]
        };
    }

 9、範圍隨機數

//範圍隨機數
function randomRange(start,end){
    return Math.floor(Math.random()*(end-start+1))+start;
};

  


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 天貓購物網站最顯眼的就是輪播圖了。我在學習一樣新js庫,一個新框架或新的編程思想的時候,總是感嘆“入門必做選項卡,進階須擼輪播圖。”作為一個React組件,它是狀態操控行為的典型,拿來練手是個不錯的選擇。 為了複習,這次就嘗試用原生的javascript+React來完成。 輪播圖原生實現 所謂輪播 ...
  • 1、HTML結構 2、css樣式 3、js效果 ...
  • 在開發項目過程中,用iframe嵌套,會發現一個問題,用iframe嵌套的html結構右邊不會自動適應高度。 這時候找到了一個解決方法: <iframe name="my_iframe" id="mainframe" marginheight="0" marginwidth="0" framebor ...
  • $('.aa').bind('input propertychange', function() { searchProductClassbyName(); }); function searchProductClassbyName() { 寫函數內容 } ...
  • 方法一、可以使用last-child,但是它的相容性不好,而且對於列表性來講,其相容性不好 方法二、利用jquery計算 ...
  • ...
  • webpack是一個打包web項目的工具 ,可以實現css,js,less,cass,html的混淆加密,minify,結合webpack-dev-server熱部署,非常方便前端頁面和Nodejs的開發。 webpack 安裝方法 npm install webpack --save-dev np ...
  • 一.轉換方法 所有的對象都具有toLocaleString(),toString()和valueOf()方法。調用toString()方法會返回由數組中的每個值的字元串拼接而成的一個以逗號分隔的字元串。而調用valueOf()返回的還是數組。 valueOf() 方法返回 Array 對象的原始值。 ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...