2017-07-17 3 views
1

Ich versuche Javascript innerHTML- Code für mein Blog in Blogger Theme hinzuzufügen, aber es hat nicht funktioniert, das ist mein Code:Mit Javascript in Blogger Theme

<div id='icon'></div> 
    <script> 
     var url_img = <data:blog.postImageUrl/>; 
     document.getElementById("icon").innerHTML = url_img ; 
    </script> 

Wie kann ich diesen einfachen JavaScript-Code ausführen in Blogger-Thema?

Antwort

-1

<script> In andere Sprachen eingefügte Tags müssen kompiliert werden, können nicht direkt java oder php Code ausgeben. Zum Beispiel (php):

<script> 
    var img_url = <?php echo imgUrl ?> 
</script> 
+0

Ihre Antwort richtig sein könnte, wenn die Frage auf einem PHP-Basis Blogging-System wie Wordpress sein würde, aber Blogger (.com) verwendet eine eigene XML-basierte Syntax für die Daten. [Offizielle Dokumentation] (https://support.google.com/blogger/answer/47270?hl=de) und [Inoffizielle Dokumentation] (http://template-data.blogspot.co.at/2017/05/posts .html). –

1

Das Tag-Datenlayout muss in Anführungszeichen gesetzt werden, sonst wird es JavaScript-Fehler werfen. Um sicherzustellen, dass data:blog.postImageUrl nicht leer ist, müssen wir den gesamten Code mit einer bedingten Anweisung umbrechen. Der neue Code aussehen würde -

<b:if cond='data:blog.postImageUrl'> 
    <div id='icon'></div> 
    <script> 
    var url_img = "<data:blog.postImageUrl/>"; 
    document.getElementById("icon").innerHTML = url_img ; 
    </script> 
</b:if> 
+0

Kann dieser Code überall im Blogger-Thema ** eingefügt werden? –

+0

Ja, Sie können diesen Code wo immer Sie wollen in das Blogger-Thema als 'data: blog' Wörterbuch ist ein global definieren –

+0

Hallo, URL-Bild nicht innerhalb div Abschnitt zeigen, was falsch? –