Không có bất kỳ phương thức tích hợp nào để thay thế các Ký tự đặc biệt HTML bằng các Ký tự bắt buộc sử dụng JavaScript. Chúng tôi thường gọi các hàm tùy chỉnh.

Bạn đang xem : thoát các ký tự html javascript

Không có phương pháp cài sẵn nào để thay thế các ký tự đặc biệt HTML bằng các ký tự bắt buộc bằng JavaScript. Chúng tôi thường gọi các hàm tùy chỉnh để đạt được chức năng đó nhằm thoát khỏi các ký tự đặc biệt được xác định trước và dành riêng cho HTML. Trong bài viết này, chúng ta sẽ thảo luận về nhiều ví dụ để bỏ qua những ký tự đó bằng JavaScript bằng các hàm được khai báo tùy chỉnh.

JavaScript Escape HTML Chars Method Method Ví dụ

Bên dưới mã nguồn HTML sẽ hiển thị loại văn bản đầu vào Từ với trình giữ chỗ để nhận bất kỳ giá trị chuỗi nào từ người dùng trong thời gian chạy. Chúng tôi sẽ gọi một hàm được khai báo tùy chỉnh trên trình xử lý sự kiện của đầu vào biểu mẫu trong quá trình chèn giá trị. Hàm sẽ chỉ cần thay đổi ký tự được đề cập bằng một ký tự đã cho khác và cuối cùng trả về kết quả.

Chúng tôi sẽ hiển thị kết quả chuỗi được chuyển đổi do người dùng cung cấp trong bảng điều khiển của trình duyệt.

  & lt;! DOCTYPE html & gt;
& lt; html & gt;
 
& lt; đầu & gt;
    & lt; title & gt;
        HTML | Thoát các ký tự đặc biệt HTML
    & lt; / title & gt;
 
    & lt; script type = "text / javascript" & gt;
    & lt; / script & gt;
 
& lt; / head & gt;
& lt; body & gt;
 
  & lt; h2 & gt; Xin chào Người dùng Kiểm tra Thoát khỏi các ký tự đặc biệt trong HTML. & lt; / h2 & gt;
& lt; Biểu mẫu & gt;
& lt; input style = 'width: 90%; padding: 6px; ' placeholder = 'Nhập Văn bản bằng các ký tự HTML' & gt;
& lt; / Biểu mẫu & gt;

& lt; script & gt;
    // hàm bỏ qua HOẶC thoát các ký tự HTML
const EscapeHtmlChars = (không an toàn) = & gt; {
    trả về không an toàn.replaceAll ('& amp;', '') .replaceAll ('& lt;', '') .replaceAll ('& gt;', '') .replaceAll ('' ',' ') .replaceAll ("' ", '');
}

// Thoát khi nhập & amp; in kết quả trong bảng điều khiển
document.querySelector ('input'). addEventListener ('input', e = & gt; {
  console.clear ();
  console.log (EscapeHtmlChars (e.target.value));
});
& lt; / script & gt;
 
& lt; / body & gt;
& lt; html & gt;
 

Trong nguồn trang HTML này, chúng tôi đã tạo một loại văn bản đầu vào biểu mẫu để nhận giá trị chuỗi từ người dùng trong thời gian chạy của trang web.

Bạn có thể xem hàm loại const EscapeHtmlChars (string) để chuyển đổi chuỗi do người dùng cung cấp bằng cách thoát các ký tự đặc biệt HTML.

Trong phần nội dung của phương pháp đó, chúng tôi đã sử dụng JavaScript ReplaceAll ( value1, value2) phương thức để thay thế giá trị đầu tiên1 bằng giá trị thứ hai.

Như chúng ta đã biết, chúng ta đang tìm cách thoát khỏi các ký tự đặc biệt trong HTML, chúng ta chỉ cần chuyển bất kỳ ký tự đặc biệt nào (mà chúng ta sẽ thay thế) ở giá trị đầu tiên và một chuỗi trống "" ở giá trị thứ hai.

Chúng tôi có thể sử dụng phương thức ReplaceAll () nhiều lần trên chuỗi như được hiển thị ở trên, sau đó chúng tôi cũng trả về chuỗi đã chuyển đổi đó.

Chúng tôi đã gọi hàm EscapeHtmlChars () của chúng tôi trên trình nghe của document.querySelector ('input') .addEventListener () . Nó sẽ tự động được kích hoạt khi người dùng nhập HOẶC thay đổi giá trị trong biểu mẫu đầu vào.

Chúng tôi đã gọi hàm trong console.log () để hiển thị giá trị trả về khi kiểm tra trình duyệt.

Bạn có thể xem đầu vào biểu mẫu trong trang web, chỉ cần chèn chuỗi chứa các ký tự đặc biệt HTML và xem kết quả đầu ra trong tab bảng điều khiển.

Thay thế để thoát các ký tự HTML trong JavaScript

Bạn cũng có thể đạt được chức năng tương tự bằng cách sử dụng document.createTextNode (html) . nó Tạo nút Văn bản mới. Phương thức này có thể được sử dụng để thoát các ký tự HTML bằng cách chuyển các ký tự chứa chuỗi vào một hàm.

Sau đó, chúng tôi sẽ nối văn bản đã chuyển đổi vào một biến bằng cách sử dụng appendChild (text)

  function EscapeChars (html) {
  var text = document.createTextNode (html);
  var p = document.createElement ('p');
  p.appendChild (văn bản);
  trả về p.innerHTML;
}
 

Chúng tôi vừa sử dụng một phương thức khác EscapeChars (html) để chuyển đổi văn bản và trả về kết quả mà không sử dụng phương thức Replace () . < / p>

Viết cho chúng tôi

Các bài viết trên DelftStack được viết bởi những người yêu thích phần mềm như bạn. Nếu bạn cũng muốn đóng góp cho DelftStack bằng cách viết các bài báo trả phí, bạn có thể xem trang viết cho chúng tôi .


Xem thêm những thông tin liên quan đến chủ đề thoát các ký tự html javascript

How to Add New Line JavaScript [All JavaScript Escape Characters]

  • Tác giả: Cloudaffle
  • Ngày đăng: 2020-12-07
  • Đánh giá: 4 ⭐ ( 9135 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: A tutorial on how you can add a new line in JavaScript and a complete guide on all the available escape characters in JavaScript. Apart from the new line character we are also going to learn about various other escape characters in JavaScript and how they can help you format your strings in various different ways. By the end of the video, you will know a lot more escape characters than just the new line symbol in JavaScript.

    📖 Video Chapters
    00:00 Video Intro
    01:04 Double quotes escape character
    03:46 Single quotes escape character
    05:26 Backslash escape character
    06:54 Newline character in Js
    08:02 Some unknown character literals

    ============
    Code Sandbox
    ============
    https://codesandbox.io/s/loving-oskar-3xhwr?file=/strings-data-types/charecter-literals.js

    =================
    Follow on Instagram
    =================
    https://www.instagram.com/cloudaffle/

    ===========
    Discord Link
    ===========
    https://discord.gg/bBdh8mkXFy

Danh sách mã HTML các ký tự đặc biệt

  • Tác giả: xuanthulab.net
  • Đánh giá: 4 ⭐ ( 3999 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Bảng tra cứu mã HTML các ký tự đặc biệt, mã HTML của các loại ký tự như html khoảng trắng, mũi tên, biểu tượng, ký hiệu toán học …

JavaScript thoát và giải mã các chức năng

  • Tác giả: www.online-toolz.com
  • Đánh giá: 3 ⭐ ( 8741 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Apply JS Escape and unescape functions online on any given text escape, encodeURI, encodeURIComponent

Mã & Biểu tượng ký tự HTML

  • Tác giả: www.rapidtables.org
  • Đánh giá: 4 ⭐ ( 1463 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Mã ký tự và ký hiệu HTML.

Thay ký tự HTML

  • Tác giả: hiepsiit.com
  • Đánh giá: 4 ⭐ ( 5725 lượt đánh giá )
  • Khớp với kết quả tìm kiếm:

Bảng mã ký tự trong HTML

  • Tác giả: hocjavascript.net
  • Đánh giá: 4 ⭐ ( 3028 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Để có thể hiển thị trang HTML một cách chuẩn xác, bạn phải cung cấp cho trình duyệt biết bảng mã ký tự mà bạn đang sử dụng cho trang.

Tôi có thể thoát các ký tự đặc biệt html trong javascript không?

  • Tác giả: qastack.vn
  • Đánh giá: 5 ⭐ ( 3412 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: [Tìm thấy giải pháp!] function escapeHtml(unsafe) { return unsafe .replace(/&/g, “&”) .replace(//g, “>”) .replace(/”/g, “"”) .replace(/’/g, “'”); }

Xem thêm các bài viết khác thuộc chuyên mục: Kiến thức lập trình

Xem Thêm  SQL - Toán tử - toán tử trong sql là gì

By ads_php