JavaScript: экранирование специальных символов для использования в HTML

Последнее обновление 9 февраля 2019 08:34:33 (UTC / GMT +8 часов)

script1adsense2code

script1adsense3code

Строка JavaScript: упражнение 31 с решением

Напишите функцию JavaScript для экранирования специальных символов (&, <,>, ', ") для использования в HTML.

Тестовые данные :
console.log (escape_html ('PHP & MySQL'));
"PHP & MySQL"
console.log (escape_html ('3> 2'));
"3 & gt; 2"

Пример решения: -

HTML-код:

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>JavaScript function to escapes special characters for use in HTML.</title>
</head>
<body>
</body>
</html>

Код JavaScript:

function escape_html(str) {
  
 if ((str===null) || (str===''))
       return false;
 else
   str = str.toString();
  
  var map = {
    '&': '&amp;',
	'<': '&lt;',
	'>': '&gt;',
	'"': '&quot;',
	"'": '&#039;'
  };
  return str.replace(/[&<>"']/g, function(m) { return map[m]; });
}
console.log(escape_html('PHP & MySQL'));
console.log(escape_html('3 > 2'));

Пример вывода:

 PHP и MySQL
3> 2

Блок - схема:

Демонстрация в реальном времени:

См. Специальные символы Pen Escape для использования в HTML - string-ex-31 от w3resource ( @ w3resource ) в CodePen .

Улучшите этот пример решения и опубликуйте свой код через Disqus

Previous: написать функцию проверки JavaScript, если строка заканчивается указанным суффиксом.
Далее: Напишите функцию JavaScript для удаления непечатаемых символов ASCII.