0

Имеется код вместе со строчкой скрипта. Имеется функция js которая определяет элемент и вставляет после него. Вида:

$(function() {
var test = "
<div id="test"></div>
<script>
// тут код рекламного блока
</script>
";
$("body").after(test);
});

Как сделать так что бы внутри переменной test был блок div и код и что бы он корректно вставлялся?

3
  • а что именно не работает?
    – Grundy
    19 апр 2016 в 9:55
  • Замените все кавычки на \"
    – Чад
    19 апр 2016 в 10:00
  • @Чад, забыл указать какие из :-)
    – Grundy
    19 апр 2016 в 10:07

1 ответ 1

1

Поправьте экранирование кавычек, разбейте тег на части.

$( document ).ready(function() {
var test = "<div id=\"test\"></div><sc"+"ript>alert ('hello from reclam');</sc"+"ript>";
$("body").append(test);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

5
  • зачем разбивать тег на части?
    – Grundy
    19 апр 2016 в 10:25
  • Разные браузеры по-разному реагируют на вложенность тега script. Хромоподобные, например, зачастую обламываютя. Им же чихать на то, что он находится внутри строки. Для него он просто внутри головного script. Как следствие, рушится DOM. В целом, что распинаться - уберите разбивку, потестируйте на разных браузерах. Часть будет бажить. 19 апр 2016 в 10:32
  • Пока сработало везде: Chrome, IE, Firefox и даже в сафари
    – Grundy
    19 апр 2016 в 10:42
  • А как отфильтровать вот этот код?
    – asd
    19 апр 2016 в 10:44
  • <script type="text/javascript">(function() { if (window.pluso)if (typeof window.pluso.start == "function") return; var d = document, s = d.createElement('script'), g = 'getElementsByTagName'; s.type = 'text/javascript'; s.charset='UTF-8'; s.async = true; s.src = ('https:' == window.location.protocol ? 'https' : 'http') + '://share.pluso.ru/pluso-like.js'; var h=d[g]('head')[0] || d[g]('body')[0]; h.appendChild(s); })();</script>
    – asd
    19 апр 2016 в 10:44

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.