Запуск скрипта через тег <a>

253

28 сентября 2018, 15:10

Есть скрипт

var css = document.createElement("style");
css.type = "text/css";
css.innerHTML = ":root { background-color: #fefefe; filter: invert(100%); } * { background-color: inherit; } img:not([src*=\'.svg\']), video { filter: invert(100%); }";
document.body.appendChild(css);

Есть его минифицированая версия встроенная в тег <a>.

<a href="javascript:var css=document.createElement('style');css.type='text/css',css.innerHTML=':root { background-color: #fefefe; filter: invert(100%); } * { background-color: inherit; } img:not([src*='.svg']), video { filter: invert(100%); }',document.body.appendChild(css);">

По нажатии на ссылку выдает ошибку

SyntaxError: Unexpected string literal ']), video { filter: invert(100%); }'

Что не так, не могу понять

Answer 1

Попробуйте так.

<a href="javascript:var css=document.createElement('style');css.type='text/css',css.innerHTML=':root { background-color: #fefefe; filter: invert(100%); } * { background-color: inherit; } img:not([src*=\'.svg\']), video { filter: invert(100%); }',document.body.appendChild(css);">

Собственно весь ответ из Вашего же вопроса.