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
  • 示例項目結構 在 Visual Studio 中創建一個 WinForms 應用程式後,項目結構如下所示: MyWinFormsApp/ │ ├───Properties/ │ └───Settings.settings │ ├───bin/ │ ├───Debug/ │ └───Release/ ...
  • [STAThread] 特性用於需要與 COM 組件交互的應用程式,尤其是依賴單線程模型(如 Windows Forms 應用程式)的組件。在 STA 模式下,線程擁有自己的消息迴圈,這對於處理用戶界面和某些 COM 組件是必要的。 [STAThread] static void Main(stri ...
  • 在WinForm中使用全局異常捕獲處理 在WinForm應用程式中,全局異常捕獲是確保程式穩定性的關鍵。通過在Program類的Main方法中設置全局異常處理,可以有效地捕獲並處理未預見的異常,從而避免程式崩潰。 註冊全局異常事件 [STAThread] static void Main() { / ...
  • 前言 給大家推薦一款開源的 Winform 控制項庫,可以幫助我們開發更加美觀、漂亮的 WinForm 界面。 項目介紹 SunnyUI.NET 是一個基於 .NET Framework 4.0+、.NET 6、.NET 7 和 .NET 8 的 WinForm 開源控制項庫,同時也提供了工具類庫、擴展 ...
  • 說明 該文章是屬於OverallAuth2.0系列文章,每周更新一篇該系列文章(從0到1完成系統開發)。 該系統文章,我會儘量說的非常詳細,做到不管新手、老手都能看懂。 說明:OverallAuth2.0 是一個簡單、易懂、功能強大的許可權+可視化流程管理系統。 有興趣的朋友,請關註我吧(*^▽^*) ...
  • 一、下載安裝 1.下載git 必須先下載並安裝git,再TortoiseGit下載安裝 git安裝參考教程:https://blog.csdn.net/mukes/article/details/115693833 2.TortoiseGit下載與安裝 TortoiseGit,Git客戶端,32/6 ...
  • 前言 在項目開發過程中,理解數據結構和演算法如同掌握蓋房子的秘訣。演算法不僅能幫助我們編寫高效、優質的代碼,還能解決項目中遇到的各種難題。 給大家推薦一個支持C#的開源免費、新手友好的數據結構與演算法入門教程:Hello演算法。 項目介紹 《Hello Algo》是一本開源免費、新手友好的數據結構與演算法入門 ...
  • 1.生成單個Proto.bat內容 @rem Copyright 2016, Google Inc. @rem All rights reserved. @rem @rem Redistribution and use in source and binary forms, with or with ...
  • 一:背景 1. 講故事 前段時間有位朋友找到我,說他的窗體程式在客戶這邊出現了卡死,讓我幫忙看下怎麼回事?dump也生成了,既然有dump了那就上 windbg 分析吧。 二:WinDbg 分析 1. 為什麼會卡死 窗體程式的卡死,入口門檻很低,後續往下分析就不一定了,不管怎麼說先用 !clrsta ...
  • 前言 人工智慧時代,人臉識別技術已成為安全驗證、身份識別和用戶交互的關鍵工具。 給大家推薦一款.NET 開源提供了強大的人臉識別 API,工具不僅易於集成,還具備高效處理能力。 本文將介紹一款如何利用這些API,為我們的項目添加智能識別的亮點。 項目介紹 GitHub 上擁有 1.2k 星標的 C# ...