Задать вопрос
@vgray
javascript

Как правильно экранировать html entities в JS?

Добрый день,

Приведенный код выдает ошибку "Uncaught SyntaxError: missing ) after argument list" . Похоже JS разворачивает ' в кавычку и из-за этого все ломается. Как правильно экранировать кавычки и другие html entitles в js? 

<html>
<head>
    <script>
        function clickme(str)
        {
            console.log(str);
        }  
    </script>
</head>

<body>
    <a onclick="return clickme('click &#039; 20');" href="#">Click</a>
</body>
</html>
  • Вопрос задан
  • 1109 просмотров
Комментировать
Подписаться 1 Простой Комментировать
Пригласить эксперта
Ответы на вопрос 2
DMShamonov
@DMShamonov
Frontend developer
Это делает не JS, а браузер. Ведь ты используешь html entity. Вот эта entity и преобразуется в текст.

А экранирование простое, как и везде:
<a onclick="return clickme('click \` 20');" href="#">Click</a>
Ответ написан
Комментировать
Комментировать
@vgray Автор вопроса
спасибо, дополнительный вопрос.

Предположим, что в функцию clickme передается пользовательский текст, который дальше будет вставляться в html. Как в этом случае лучше экранировать параметры? чтобы избежать XSS ?

<html>
<head>
    <script>
        function clickme(str)
        {
            document.getElementById("div-id").innerHTML = str;    
        }  
    </script>
</head>
<body>
    <div id="div-id"></div>
    <br/>
    <a onclick="return clickme('click &#039; 20');" href="#">Click</a>
</body>
</html>
Ответ написан
2 комментария
2 комментария
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
SummerWeb • Ярославль
от 100 000 до 140 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
JavaScript Fullstack
OnClass
от 200 000 до 600 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Требуется доработка самописаного проекта по ТЗ
25 апр. 2024, в 14:58
3500 руб./за проект
Необходимо переписать готовый локальный сайт на пайтон под хостинг
25 апр. 2024, в 14:56
250 руб./за проект
Собрать докер из Nest.js и Puppeteer
25 апр. 2024, в 14:56
2000 руб./за проект
Ещё заказы