javascript - 在 Blogger 主题中使用 Javascript

Question

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

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

如何在 Blogger 主题中运行这个简单的 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>