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

208
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);">

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

READ ALSO
Отследить скачивание файла браузером

Отследить скачивание файла браузером

Нужно отследить скачал пользователь файл или нетЕсли скачал, то у меня удаляться он будет с сервера

184
Текст с блоке стал ссылкой, Как исправить?

Текст с блоке стал ссылкой, Как исправить?

После абсолютного позиционирования ссылки (двух стрелочек), весь текст в блоке стал ссылкойВ частности если удалить из блока

292
jQuery не работает в WordPress

jQuery не работает в WordPress

Есть страница singl-portfoliophp на ней должна располагаться галерея которая работает при помощи такого скрипта(jQuery)

194