Biểu thức CSS JavaScript

Khi bạn tìm kiếm dữ liệu trong một văn bản, bạn có thể sử dụng mẫu tìm kiếm này để mô tả những gì bạn đang tìm kiếm

Một biểu thức chính quy có thể là một ký tự đơn hoặc một mẫu phức tạp hơn

Biểu thức chính quy có thể được sử dụng để thực hiện tất cả các loại hoạt động tìm kiếm văn bản và thay thế văn bản

cú pháp

Ví dụ giải thích

/w3schools/i  là một biểu thức chính quy

w3schools  là một mẫu [được sử dụng trong tìm kiếm]

i  là công cụ sửa đổi [sửa đổi tìm kiếm thành phân biệt chữ hoa chữ thường]

Sử dụng các phương thức chuỗi

Trong JavaScript, biểu thức chính quy thường được sử dụng với phương thức hai chuỗi. search[]replace[]

Phương thức search[] sử dụng một biểu thức để tìm kiếm một kết quả khớp và trả về vị trí của kết quả khớp

Phương thức replace[] trả về một chuỗi đã sửa đổi trong đó mẫu được thay thế

Sử dụng tìm kiếm Chuỗi [] Với Chuỗi

Phương thức search[] tìm kiếm một chuỗi cho một giá trị được chỉ định và trả về vị trí của trận đấu

Ví dụ

Sử dụng một chuỗi để thực hiện tìm kiếm "W3schools" trong một chuỗi

let text = "Truy cập W3Schools. ";
let n = text. tìm kiếm["W3Schools"];

Kết quả trong n sẽ là

Tự mình thử »

Sử dụng tìm kiếm chuỗi [] Với biểu thức chính quy

Ví dụ

Sử dụng biểu thức chính quy để thực hiện tìm kiếm "w3schools" trong một chuỗi không phân biệt chữ hoa chữ thường

let text = "Truy cập W3Schools";
let n = text. tìm kiếm[/w3schools/i];

Kết quả trong n sẽ là

Tự mình thử »

Sử dụng Chuỗi thay thế [] Bằng một Chuỗi

Phương thức replace[] thay thế một giá trị đã chỉ định bằng một giá trị khác trong một chuỗi

let text = "Truy cập Microsoft. ";
hãy để kết quả = văn bản. replace["Microsoft", "W3Schools"];

Tự mình thử »

Sử dụng Chuỗi thay thế [] Với Biểu thức chính quy

Ví dụ

Sử dụng biểu thức chính quy không phân biệt chữ hoa chữ thường để thay thế Microsoft bằng W3Schools trong một chuỗi

let text = "Truy cập Microsoft. ";
hãy để kết quả = văn bản. thay thế[/microsoft/i, "W3Schools"];

Kết quả trong res sẽ là

Tự mình thử »

Bạn có để ý không?

Có thể sử dụng đối số biểu thức chính quy [thay vì đối số chuỗi] trong các phương thức trên.
Các biểu thức chính quy có thể làm cho tìm kiếm của bạn hiệu quả hơn nhiều [ví dụ: không phân biệt chữ hoa chữ thường].

Công cụ sửa đổi biểu thức chính quy

Công cụ sửa đổi có thể được sử dụng để thực hiện các tìm kiếm toàn cầu không phân biệt chữ hoa chữ thường

Công cụ sửa đổi Mô tả Thử itiThực hiện so khớp không phân biệt chữ hoa chữ thường Thử »gThực hiện so khớp toàn cầu [tìm tất cả các kết quả phù hợp thay vì dừng sau lần so khớp đầu tiên]Hãy thử »mThực hiện so khớp nhiều dòngHãy thử »

Các mẫu biểu thức chính quy

Dấu ngoặc vuông được sử dụng để tìm một dãy ký tự

Biểu thứcMô tảHãy thử[abc]Tìm bất kỳ ký tự nào giữa các dấu ngoặcThử »[0-9]Tìm bất kỳ chữ số nào giữa các dấu ngoặcThử»[x. y] Tìm bất kỳ lựa chọn thay thế nào được phân tách bằng. Thử nó "

Siêu ký tự là ký tự có ý nghĩa đặc biệt

Siêu ký tựMô tảHãy thử\dTìm một chữ sốHãy thử »\sTìm một ký tự khoảng trắngHãy thử»\bTìm một từ khớp ở đầu một từ như thế này. \bWORD hoặc ở cuối từ như thế này. WORD\bThử »
Thử »\uxxxxTìm ký tự Unicode được chỉ định bởi số thập lục phân xxxxThử »

Định lượng xác định đại lượng

QuantifierDescriptionTry itn+Khớp với bất kỳ chuỗi nào chứa ít nhất một nTry it »n*Khớp với bất kỳ chuỗi nào chứa 0 hoặc nhiều lần xuất hiện của nTry it »n?Khớp với bất kỳ chuỗi nào chứa 0 hoặc 1 lần xuất hiện của nTry it »

Sử dụng Đối tượng RegExp

Trong JavaScript, đối tượng RegExp là một đối tượng biểu thức chính quy với các thuộc tính và phương thức được xác định trước

Sử dụng thử nghiệm[]

Phương thức test[] là một phương thức biểu thức RegExp

Nó tìm kiếm một chuỗi cho một mẫu và trả về đúng hoặc sai, tùy thuộc vào kết quả

Ví dụ sau tìm kiếm một chuỗi ký tự "e"

Ví dụ

mẫu const = /e/;
mẫu. test["Những điều tốt nhất trong cuộc sống là miễn phí. "];

Vì có chữ "e" trong chuỗi nên đầu ra của đoạn mã trên sẽ là

Tự mình thử »

Bạn không cần phải đặt biểu thức chính quy vào một biến trước. Hai dòng trên có thể được rút ngắn thành một

Đối tượng RegExp

Biểu thức chính quy là một mẫu ký tự

Mẫu được sử dụng để thực hiện các chức năng "tìm kiếm và thay thế" khớp mẫu trên văn bản

Trong JavaScript, Đối tượng RegExp là một mẫu có Thuộc tính và Phương thức

cú pháp

Ví dụ giải thích

w3schoolsMẫu tìm kiếm/w3schools/A biểu thức chính quy/w3schools/iA biểu thức chính quy không phân biệt chữ hoa chữ thường

Để có hướng dẫn về Biểu thức chính quy, hãy đọc Hướng dẫn RegExp JavaScript của chúng tôi

Hỗ trợ trình duyệt

/regexp/ là một tính năng ECMAScript1 [ES1]

ES1 [JavaScript 1997] được hỗ trợ đầy đủ trên mọi trình duyệt

ChromeEdgeFirefoxSafariOperaIECóCóCóCóCóCó

sửa đổi

Công cụ sửa đổi được sử dụng để thực hiện tìm kiếm toàn cầu và không phân biệt chữ hoa chữ thường

Công cụ sửa đổi Mô tảgThực hiện khớp toàn cầu [tìm tất cả các kết quả phù hợp thay vì dừng sau lần khớp đầu tiên]Kết hợp iPerform không phân biệt chữ hoa chữ thườngmThực hiện khớp nhiều dòng

dấu ngoặc

Dấu ngoặc vuông được sử dụng để tìm một dãy ký tự

Biểu thứcMô tả[abc]Tìm bất kỳ ký tự nào giữa các dấu ngoặc[^abc]Tìm bất kỳ ký tự nào KHÔNG nằm giữa các dấu ngoặc[0-9]Tìm bất kỳ ký tự nào nằm giữa các dấu ngoặc [bất kỳ chữ số nào][^0-9]Tìm bất kỳ ký tự nào KHÔNG nằm giữa các dấu ngoặc [ . y] Tìm bất kỳ lựa chọn thay thế nào được chỉ định

Siêu ký tự

Siêu ký tự là ký tự có ý nghĩa đặc biệt

Siêu ký tựMô tả. Tìm một ký tự đơn, ngoại trừ dòng mới hoặc dấu kết thúc dòng\wTìm ký tự từ\WTìm ký tự không phải từ\dTìm chữ số\DFTìm ký tự không phải chữ số\sTìm ký tự khoảng trắng\STìm ký tự không phải khoảng trắng\bTìm ký tự trùng khớp tại . \bHI, kết thúc như thế này. HI\b\BTìm một từ khớp, nhưng không phải ở đầu/cuối của một từ\0Tìm ký tự NULL\nTìm ký tự dòng mới\fTìm ký tự nguồn cấp biểu mẫu\rTìm ký tự xuống dòng\tTìm ký tự tab\vTìm dọc

định lượng

QuantifierDescriptionn+Khớp với bất kỳ chuỗi nào chứa ít nhất một nn*Khớp với bất kỳ chuỗi nào chứa 0 hoặc nhiều lần xuất hiện của nn?Khớp với bất kỳ chuỗi nào chứa 0 hoặc một lần xuất hiện của nn{X}Khớp với bất kỳ chuỗi nào chứa một chuỗi X n'sn . nKhớp bất kỳ chuỗi nào không theo sau bởi một chuỗi cụ thể n

Thuộc tính đối tượng RegExp

PropertyDescripconstructorTrả về hàm đã tạo nguyên mẫu của đối tượng RegExpglobalKiểm tra xem công cụ sửa đổi "g" có phải là setignoreCase hay không

Phương thức đối tượng RegExp

MethodDescriptioncompile[]exec[] Kiểm tra sự trùng khớp trong một chuỗi. Trả về matchtest[] Kiểm tra đầu tiên cho một kết quả khớp trong một chuỗi. Trả về true hoặc falsetoString[] Trả về giá trị chuỗi của biểu thức chính quy

Biểu thức CSS là gì?

Biểu thức CSS là một cách hiệu quả [và nguy hiểm] để thiết lập động các thuộc tính CSS . Chúng được hỗ trợ trong Internet Explorer phiên bản 5 trở lên.

Làm cách nào để tham chiếu JavaScript trong CSS?

Câu trả lời điển hình là. .
Thêm mã JavaScript vào cuối thẻ và
Add CSS code in-between the tags..

Bạn có thể thao tác CSS bằng JavaScript không?

Hiện tại, JavaScript là một ngôn ngữ mạnh mẽ, do đó, chúng ta không chỉ có thể thao tác với các thành phần HTML bằng nó mà còn chúng ta còn có thể sử dụng nó để thao tác với các thuộc tính CSS của bất kỳ trang web nào.

Làm cách nào để chuyển giá trị từ js sang CSS?

Bạn có thể dễ dàng đọc các giá trị truy vấn phương tiện CSS vào JS bằng cửa sổ. matchMedia. Tuy nhiên, đôi khi bạn muốn chuyển thông tin từ biến JS sang CSS hoặc yêu cầu Biến CSS được đọc vào JS. Để đặt Biến CSS trên một phần tử, bạn có thể sử dụng thuộc tính style .

Chủ Đề