在博客主题中使用Javascript

Question

我尝试在博客主题中为我的博客添加javascript innerHTML代码，但它不起作用，这是我的代码：

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

如何在博客主题中运行这个简单的javascript代码？

Answer 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>

Answer 2

插入其他语言的<script>标签需要编译，不能直接输出java或php代码。例如(php)：

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