Javascript 内联 HTML答案

【问题标题】：Javascript inline HTMLJavascript 内联 HTML
【发布时间】：2017-02-27 14:23:42
【问题描述】：

我需要内联编写 HTML 和 Javascript 代码，即在 HTML 正文内（需要显示一些随机整数值）我寻找了很多博客，但到目前为止没有找到任何帮助。请指教。

我想实现这个功能：

   <td class="vhead">Offered Calls</td>
   <td>
      <script>
       Math.random();
      </script>
  </td>
  </td>

【问题讨论】：

看看stackoverflow.com/questions/5850477/…
@Yannjoel：那只会令人困惑。
如果您可以为 javascript 使用不同的文件，请执行此操作。大多数时候，内联 vanilla Javascript 是一件肮脏的事情。

标签： javascript html random

【解决方案1】：

试试这个

<td id="demo"></td>

<script>

    document.getElementById("demo").innerHTML = Math.random();

</script>

【讨论】：

哇！ :) 美味，即时，热！！！！快餐。我等不及 10 分钟来点赞。谢谢队友
Crowder@ Com 好友。至少给他打分。整个事情都是关于解决方案。我找到了。请容纳
Crowder :) :* 爱你，伙计！ :)

【解决方案2】：

对于最简单的情况

<td class="vhead">Offered Calls</td>
<td>
   <script>
      document.write(Math.random());
   </script>
</td>

【讨论】：

【解决方案3】：

Javascript 不能这样工作。它可以在模板库的帮助下。相反，您需要获取对要注入此随机值的 html 中位置的引用。下面假设您将有很多并且想要在每个中使用不同的随机数。

<td class="vhead">Offered Calls</td>
<td class="random"></td>

<script>
  window.document.onload = function(){
     var elements = document.getElementsByClassName('random');
     [].forEach.call(elements, function (el) { el.innerHTML( Math.random() ) });
  }
</script>

【讨论】：