js-string對象

来源:https://www.cnblogs.com/ibabyli/archive/2018/11/06/9894264.html
-Advertisement-
Play Games

** 創建string對象 *** var str ="acb"; ** 方法和屬性 ** 屬性 length:字元串的長度 ** 方法 (1)與HTML相關的方法 - bold():加粗 - fontcolor():設置字體的顏色 - fontsize():設置字體的大小(1-7) - link( ...


** 創建string對象
  *** var str ="acb";
  ** 方法和屬性
    ** 屬性 length:字元串的長度

    ** 方法
    (1)與HTML相關的方法
      - bold():加粗
      - fontcolor():設置字體的顏色
      - fontsize():設置字體的大小(1-7)
      - link():將字元串顯示成超鏈接
      - sub() sup():下標和上標

    (2)與Java相似的方法

      - concat():連接字元串

var str1 = "abc";
var str2 = "def";
document.write(str1.concat(str2));

      - charAt():返回指定位置的字元串

var str3 = "lizike";
document.write(str3.charAt(2));    //字元位置不存在,返回空字元串

      - indexOf():返回字元串位置

var str4 = "world";
document.write(str4.indexOf("l"));
document.write("<br/>");
document.write(str4.indexOf("W"));    //字元不存在,返回-1

      - split():切分字元串,成數組

var str5 = "a-b-c-d";
var arr1 = str5.split("-");
document.write(arr1);
document.write("<br/>");
document.write("length:" + arr1.length);

      - replace():替換字元串

var str6 = "abcde";
document.write(str6.replace("a","Q"));

      - substr() 和 substring()

// substr 從第幾位開始,向後截取幾位
var str7 = "wangyijun love lily";
document.write(str7.substr(10, 4));    //love 從第10位開始,向後截取4個字元
// substring 從第幾位開始,到第幾位結束,但是不包含最後一位
document.write(str7.substring(10,14));    // love 從第幾位開始到第幾位結束 [10,14)

    - test()  常用正則表達式

1.正整數            /^[0-9]*[1-9][0-9]*$/

2.整數               /^-?\d+$/

3.數字              /^\d+(\.{1}\d+)?$/

4.由26個英文字母組成的字元串                     /^[A-Za-z]+$/

5.email地址             /^[\w-]+(\.[\w-]+)*@[\w-]+(\.[\w-]+)+$/

     或者                      /w+([-+.]w+)*@w+([-.]w+)*.w+([-.]w+)*/

6.url地址                 /^[a-zA-z]+://(\w+(-\w+)*)(\.(\w+(-\w+)*))*(\?\S*)?$/

     或者                      /http://([w-]+.)+[w-]+(/[w- ./?%&=]*)?/

7.匹配中文字元的正則             /[u4e00-u9fa5]/

8.匹配空行的正則              /n[s| ]*r/

9.匹配HTML標記的正則             /<(.*)>.*</1>|<(.*) />/

10.匹配首尾空格的正則               /(^s*)|(s*$)/

         應用:javascript中沒有像vbscript那樣的trim函數,我們就可以利用這個表達式來實現,如下:
             String.prototype.trim = function(){
                 return this.replace(/(^s*)|(s*$)/g, "");
             }

11.匹配IP地址的正則              /(d+).(d+).(d+).(d+)/

12.限製表單文本框輸入內容

        只能輸入中文:
             onkeyup="value=value.replace(/[^u4E00-u9FA5]/g,'')" 
                 onbeforepaste="clipboardData.setData('text',
                 clipboardData.getData('text').replace(/[^u4E00-u9FA5]/g,''))"

        只能輸入數字:
             onkeyup="value=value.replace(/[^d]/g,'')" 
                 onbeforepaste="clipboardData.setData('text',
                 clipboardData.getData('text').replace(/[^d]/g,''))"

        只能輸入數字和英文:
             onkeyup="value=value.replace(/[W]/g,'')" 
                 onbeforepaste="clipboardData.setData('text',
                 clipboardData.getData('text').replace(/[^d]/g,''))"

 


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

-Advertisement-
Play Games
更多相關文章
  • 配置less 安裝less-loader 打開 webpack.config.dev.js 和 webpack.config.prod.js 找到 test: /\.css$/, 修改為 test: /\.(css|less)$/, 找到 text 欄位下的 use ,給use數組在添加一個對象 { ...
  • 1.XMLHttpRequest對象 創建XHR對象:let xhr = new XMLHttpRequest(); open():啟動一個請求準備發送 open()接收3個參數:請求類型('GET'、'POST')、請求的URL、是否非同步發送請求(true or false)。 send():發送 ...
  • 今天發現了一種ajax上傳圖片的方式,是以前沒有用過的,首先來說下為什麼要用這種方式。是因為原來後臺是用的form表單的方式來提交表單數據的。但是覺得呢,這種方式不太好,因為要刷新頁面,前臺只用控制台看不到傳輸的參數(如果哪位大神知道怎麼看到,請不吝賜教),所以我們就改成了ajax的方式,結果後臺老 ...
  • 第1章 伺服器端渲染基礎本章主要講解客戶端與伺服器端渲染的概念,分析客戶端渲染和伺服器端渲染的利弊,帶大家對伺服器端渲染有一個粗淺認識。1-1 課程導學1-2 什麼是伺服器端渲染1-3 什麼是客戶端渲染1-4 React 客戶端渲染的優勢與弊端第2章 React中的伺服器端渲染本章將藉助Node.j ...
  • 1.手機郵箱正則 近兩年出來很多新號碼,聽說199什麼的都有了- -導致以前的正則不能用了....這就很難過,總是過一段時間出一種新號碼。因此,我決定使用返樸歸真的手機正則。 手機正則:var reg=/^1[0-9]\d{9}$/; 郵箱正則:var mailReg = /^[a-zA-Z0-9_ ...
  • 準備工具 ====== "Node.js" Angular requires Node.js version 8.x or 10.x. 查看當前你的node版本可以在CMD中輸入 開發工具強烈推薦 "visual studio Code" 安裝 agular_cli 新建工程 用CLI命令建立 ng ...
  • 微信小程式組件里沒有下拉框,正好要用到,記下來以後參考 wxml代碼 wxss代碼 js代碼 效果 ...
  • 這篇文章介紹了Vue.js 父子組件之間通信的十種方式,不管是初學者還是已經在用 Vue 的開發者都會有所收穫。無可否認,現在無論大廠還是小廠都已經用上了 Vue.js 框架,簡單易上手不說,教程詳盡,社區活躍,第三方套件還多。真的是前端開發人員必備技能。而且在面試當中也往往會問到關於 Vue 方面... ...
一周排行
    -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.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...