Javascript добавление тега <script> после загрузки страницы

Question

Javascript добавление тега <script> после загрузки страницы

0

Здесь была небольшая проблема. В принципе, я пытаюсь добавить тег скрипта после загрузки страницы.

Это то, что я делаю:

index.php:

<html>
<head>
   <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
   <script>
   function getad()
   {
        $.post('assets/getad.php', "ad", function(response) {
            response = response.replace('document.write','document.getElementById("ad").innerHTML = ');
            eval(response);
            console.log(response);
        });
   }
   getad();
   </script>    
<div id="ad"></div>
</body>
</html>

getad.php:

<?php
    echo file_get_contents("http://ads1.qadabra.com/t?id=a823aca3-9e3c-4ddd-a0cc-14b497cad85b&size=300x250");
?>

Демо можно найти здесь: http://dev.cj.gy/game/

Как вы можете видеть, #ad div ДОЛЖЕН заполняться правильным тегом скрипта, но он фактически не запускается. Если я отредактирую страницу, чтобы включить тег скрипта прямо на загрузке страницы, он запускается.

user3371788 24 март 2014, в 23:30

Источник

0

Казалось бы, это идеальное место для использования jQuery.getScript() , поскольку вы, похоже, уже используете его.
David Thomas 24 март 2014, в 22:27
0

Дело в том, что я изменяю скрипт перед тем, как запустить его. Я изменяю document.write, чтобы просто установить HTML для рекламы. Ответ также является динамическим, поэтому сценарий меняется каждый раз.
user3371788 24 март 2014, в 22:29
0

Но success обратный вызов должен быть в состоянии справиться с этим, я бы подумал? Но вместо того, чтобы выполнять одну и ту же замену при каждой загрузке / вызове, было бы разумнее просто переписать JS или php, который вы вызываете, чтобы предоставить скрипт.
David Thomas 24 март 2014, в 22:33
0

«Как вы можете видеть, #ad div ДОЛЖЕН заполняться правильным тегом сценария» - нет, я этого не вижу. Отлаживая это в Firebug, я вижу, что ваш скрипт достигает строки с $.post - но сетевая панель не показывает ни одного сделанного почтового запроса, и функция обратного вызова, похоже, тоже не выполняется (точка останова в первой строке никогда достигает) ... и #ad остается пустым.
CBroe 24 март 2014, в 22:36

Показать ещё 2 комментария

Теги:

javascript

jquery

html

1 ответ

Ещё вопросы

Казалось бы, это идеальное место для использования jQuery.getScript() , поскольку вы, похоже, уже используете его.
Дело в том, что я изменяю скрипт перед тем, как запустить его. Я изменяю document.write, чтобы просто установить HTML для рекламы. Ответ также является динамическим, поэтому сценарий меняется каждый раз.
Но success обратный вызов должен быть в состоянии справиться с этим, я бы подумал? Но вместо того, чтобы выполнять одну и ту же замену при каждой загрузке / вызове, было бы разумнее просто переписать JS или php, который вы вызываете, чтобы предоставить скрипт.
«Как вы можете видеть, #ad div ДОЛЖЕН заполняться правильным тегом сценария» - нет, я этого не вижу. Отлаживая это в Firebug, я вижу, что ваш скрипт достигает строки с $.post - но сетевая панель не показывает ни одного сделанного почтового запроса, и функция обратного вызова, похоже, тоже не выполняется (точка останова в первой строке никогда достигает) ... и #ad остается пустым.

bobince · Answer 1 · 2014-03-24T20-24-00.000Z

Да, теги <script> вызывают выполнение при анализе как часть основного документа; они не выполняются из записи в innerHTML.

Вы можете создать исполняемый скриптовый элемент за пределами этого начального синтаксиса, используя метод DOM вызова createElement('script'), установив его src/content и добавив его в документ. Это то, что делает jQuery getScript.

Однако это не принесет вам много пользы, потому что следующий скрипт, который ads1.qadabra.com является document.write на странице, также сам вызывает document.write.

Вы можете обойти оба этих вызова на стороне клиента (т.е. без getad.php), назначив свою собственную настраиваемую функцию document.write чтобы вместо записи на страницу загрузки пытались извлечь источник сценария тег, переданный ему, и загрузить его в созданный DOM-элемент.

Но в целом это сценарии, предназначенные для работы синхронно во время загрузки документа; все, что вы делаете, чтобы заставить их работать так, как они не были предназначены, скорее всего, будет хрупким и перестанет работать, когда рекламная сеть что-то изменит.

Если вы хотите загрузить стороннее объявление без приостановки загрузки родительского документа, я предлагаю разместить его в iframe.

Я полностью заменяю document.write, так что это не проблема ... Как мне создать новый DOM?
var s = document.createElement('script'); s.src = extracted_script_url; document.getElementsByTagName('head')[0].appendChild(s) или в jQuery $.getScript(extracted_url) . Но я не думаю, что это хорошая идея.
Я на самом деле пробовал именно это, DOM, все еще не работающий, просто помещает рекламный код в <div ad>. Смотрите здесь: dev.cj.gy/game
Работает для меня, хотя вы не должны полагаться на то, что <div> обязательно загружается до того, как произойдет обратный вызов.
Он загружает рекламу для вас, в игровом теге div?
Он загружает рекламный скрипт, который может или не может работать в зависимости от того, что объявление. Некоторые рекламные объявления приходят с собственным использованием document.write что, естественно, не сработает. Также Yahoo, кажется, подает некоторые рекламные сценарии как текст / обычный текст, что печально.
Дело в том, что если я статически вставляю тег script перед загрузкой страницы, он работает нормально ...
И ни одно объявление не загрузилось для меня тоже ...
Да, размещение тега script загружает его на страницу и в этом контексте будет работать метод document.write . Работа вне модели не поддерживается вашей рекламной сетью. Даже если вы пропатчите document.write полностью с помощью некоторого временного решения, у вас никогда не будет никакой гарантии, что он будет работать со всеми возможными рекламными сценариями. Снова я бы предложил запустить простой тег сценария в iframe.