Я пытаюсь вставить код Javascript в HTML через Javascript.
Вставка этого кода в HTML не работает, код не выполняется:
<script>
function callAlert(){
alert('test');
}
</script>
Этот код выполняется:
<img src="xxx" onerror="alert('test')">
Это не вызывает функцию, поэтому предупреждение не выполняется:
<img src="xxx" onerror="callAlert();">
Почему предупреждение об ошибке выполняется, а функция вызова onerror - нет?
Вы больше не можете вставлять тег <script> с помощью el.innerHTML. Это проблема безопасности, которая была добавлена относительно недавно.
Перейдите на эту страницу: https://developer.mozilla.org/en-US/docs/Web/API/Element/innerHTML
и прокрутите вниз до раздела Соображения безопасности.
В нем упоминается, что вы не можете добавить тег <script>, но это не является надежным. Такие вещи, как вы описываете, могут по-прежнему запускать скрипт:
const name = "<img src='x' onerror='alert(1)'>";
el.innerHTML = name; // shows the alert
Если вам действительно нужно добавить новый JavaScript из существующего JavaScript, вам нужно будет сделать что-то вроде следующего:
var s = document.createElement('script');
s.textContent = 'function callAlert(){alert(\'test\');}';
document.head.appendChild(s);
callAlert();Попробуйте поместить скрипт в шапку страницы, возможно, функция выполняется до ее защиты.
Если это не работает, сообщите, какую ошибку возвращает ваша консоль.
