Gewusst wie: ausführen <script> code in eine javascript-Anhängen

Arbeite ich mit einem plugin, das ist nur Javascript. Ich muss es dynamisch erstellen Sie ein DIV-element mit einer Anzeige im es.

Ich kann nicht herausfinden, warum dies nicht funktioniert:

$(this).append('<div class="overlay-background">Advertisement

     <script type="text-javascript">

          GA_googleFillSlot("blog_landing_right_rectangle_300x250");

     </script>'

Führt das element erstellt mit "Hello World" aber es funktioniert nicht führen Sie die GA-googleFillSlot Funktion.

  • Verwenden Sie diesen code in die HTML-Seite? wenn ja, schließen </script> behandelt werden könnten, als der schließende tag aus Ihren Regionen in äußerster </script>
InformationsquelleAutor user734063 | 2013-01-11
  1. 15

    Anhängen von HTML-Code in das DOM nicht, dass der browser auswerten script-tags in der besagten HTML angehängt.

    Wenn Sie es wirklich wollten, könnten Sie bewerten den javascript mithilfe eval():

    eval($(this).find("script").text());
    • Diese Lösung führt dazu, dass ein unbekannter weißer Bildschirm angezeigt, wenn Sie mit $(this).append. Es ergibt keine änderung, wenn Sie außerhalb. Ich habe nicht den code ändern aus, wie es oben angezeigt wird.
    • der javascript-Konsole Fehler?
    • Sieht aus wie Dutzende von schlecht auf Anfragen pubads.g.doubleclick.net. Wie es aussieht bin ich Anhängen in einer Schleife (NextGEN gallery carousel).
    InformationsquelleAutor wless1
  2. 4

    Dieser code funktioniert in meinem browser.

    $('body').append('<script>alert("test");<' + '/' + 'script>');

    so könnte es sein, dass $(this) ist, was ist tatsächlich die Ursache Ihres Problems.

    Können Sie ersetzen Sie es mit 'body' und sehen, ob es so funktioniert?

    • Dies funktioniert für mich, wenn Sie brechen die </script> im string ...</' + 'script>');
    • Danke, ich vergaß, das script in den script, da ich in der Regel put 'em in Dateien.
    InformationsquelleAutor Azder
  3. 3

    Ich weiß, das ist eine alte Frage, aber ich habe ein ähnliches problem heute.
    Die Lösung wurde mit createContextualFragment.

    Mein code sieht ungefähr so aus:

    var tagString = '<script async type="text/javascript" src="path_to_script"></script>';

var range = document.createRange();
range.selectNode(document.getElementsByTagName("BODY")[0]);
var documentFragment = range.createContextualFragment(tagString);
document.body.appendChild(documentFragment);
    InformationsquelleAutor temo
  4. 1

    Einer Abhilfe in deinem Fall könnte es sein, fügen Sie ein fake Bild mit einem onload-Ereignis:

    <img src="blank.gif" onload="GA_googleFillSlot('blog_landing_right_rectangle_300x250')" />
    InformationsquelleAutor Christophe
  5. 0

    Bitte versuchen:

    s = '<' + 'script type="text-javascript">' +
    'GA_googleFillSlot("blog_landing_right_rectangle_300x250");' +
    '<' + '/' + 'script>';
$(this).append(s);

    UPD: ach, das wird nicht funktionieren, benutzen Sie bitte wless1 Lösung statt

    • Dies wird nicht helfen, da das Skript nicht ausgeführt werden, sowieso.
    • Ja, vereinbart — wless1 die Lösung richtig ist.
    • mmm vielleicht bin ich falsch, nachdem alle...
    InformationsquelleAutor Vladimir Kolesnikov
  6. 0

    seit Ihr in javascript, können Sie Anhängen und führen Sie dann den code:

    $(this).append('<div class="overlay-background">Advertisement</div>');

GA_googleFillSlot("blog_landing_right_rectangle_300x250");
    InformationsquelleAutor memical
Schreibe einen Kommentar