2017-07-17 34 views
1

我嘗試添加JavaScript的innerHTML代碼Blogger中主題的博客,但它並沒有工作,這是我的代碼:Blogger的主題使用JavaScript

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

我怎麼能運行在這個簡單的JavaScript代碼Blogger主題?

回答

-1

<script>以其他語言插入的標籤需要編譯,不能直接輸出javaphp的代碼。例如(php):

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

如果問題將出現在基於php的博客系統(如WordPress)上,但博主(.com)使用自己的基於XML的數據語法,則您的答案可能是正確的。 [官方文檔](https://support.google.com/blogger/answer/47270?hl=en)和[非官方文檔](http://template-data.blogspot.co.at/2017/05/posts的.html)。 –

1

數據佈局標記需要用引號括起來,否則會拋出JavaScript錯誤。此外,爲確保data:blog.postImageUrl不爲空,我們需要用條件語句包裝整個代碼。新代碼看起來像 -

<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

這個代碼可以放在任何**的博客主題**中嗎? –

+0

是的,你可以把這個代碼放在博客主題的任何地方,因爲'data:blog'字典是全局定義 –

+0

嗨,url圖像沒有顯示在div部分裏面,什麼錯誤? –