Ví dụ thay thế từ khóa bằng RegEx JavaScript

Biểu thức chính quy – Regular Expressions được dùng để thực hiện đối sánh mẫu và “tìm kiếm và thay thế” trên văn bản.

Ví dụ 1: thay từ khóa (chuỗi con) này thành từ khóa (chuỗi con) khác

Trong ví dụ này mình sẽ dùng RegEx để thay từ cam thành chanh

Ta viết đoạn JavaScript như sau:

<script>
function thaythe()
{
	var regex1;
	var regex2;
	var chuoimoi;
	var noidung;
	var x = document.getElementById("txt_noidung");

	noidung = x.value;

	regex1 = /(cam)/g;
	regex2 = 'chanh';
	chuoimoi = noidung.replace(regex1, regex2);

	x.value = chuoimoi;
}
</script>

HTML như sau:

<div><textarea id="txt_noidung" cols="10" rows="4">
Loài cam là loài cây ăn quả cùng họ với bưởi.
Những trái cam rất giàu vitamin C.
Tôi rất thích cam.
Chúng ta nên uống nhiều nước cam mỗi ngày.</textarea></div>
<p><input type="button" value="thực hiện" onclick="thaythe()" /></p>

Kết quả:

Ví dụ 2: thay một số từ khóa này thành từ khóa khác

Ví dụ này ta thay nhiều từ khóa này thành từ khóa khác. Giả sử ta thay cả từ cambưởi thành củ cải, ta sửa lại như sau:

<script>
function thaythe()
{
	var regex1;
	var regex2;
	var chuoimoi;
	var noidung;
	var x = document.getElementById("txt_noidung");

	noidung = x.value;

	regex1 = /(cam|bưởi)/g;
	regex2 = 'củ cải';
	chuoimoi = noidung.replace(regex1, regex2);

	x.value = chuoimoi;
}
</script>

Bạn có thể tham khảo thêm các bài viết liên quan:

Javascript
JavaScript: Đối tượng RegExp và tự xây dựng biểu thức so khớp theo ý muốn

Các tính năng mặc định của trang web

Các trang web được Đại Phố thiết kế luôn mặc định các tính năng sau:

  • Mã nguồn được tối ưu với các công cụ tìm kiếm.
  • Trang web hỗ trợ thiết bị di động, tương thích với mọi thiết bị: điện thoại, máy tính bảng, máy tính và laptop. Sử dụng công nghệ HTML5, CSS3 Mobile Responsive.
  • Dễ dàng thay đổi theo phong cách riêng của bạn.
  • Dễ dàng thêm bớt số lượng các trang, và chỉnh sửa nội hiển thị trên website tùy ý
  • Phần quản trị rõ ràng, trực quan, dễ sử dụng với cả những người không chuyên về IT.

Quản lí nội dung: có thể dễ dàng thêm, xóa, sửa các thông tin trên website

  • Thông tin sản phẩm và dịch vụ của công ty
  • Thông tin dự án, đối tác Giới thiệu – Liên hệ
  • Thông tin giới thiệu, thông tin liên hệ
  • Tin tức
  • Hình ảnh trên website, sửa các tag alt, descriotion, caption
  • Hình ảnh và caption trên Slideshow
Xin vui lòng liên hệ với chúng tôi nếu cần thêm thông tin
trang web có chức năng quản trị dễ sử dụng nhất, chèn từ khóa vào trang web,