Question

我有一个名为'name'的变量，我需要在页面的某个位置显示。我是否需要使用innerHTML，或者我可以将<script>权限放在正文html的中间吗？

...
<span id="name-here"></span>
...
<script type="text/javascript">
document.getElementById("name-here").innerHTML = name;
</script>

或

...
<span><script type="text/javascript">document.write(name);</script></span>
...

Answer 1

您应仅使用innerHTML属性的选项将内容插入HTML页面。

<span id="name-here"></span>
<button onclick="displayName()">click</button>
<script type="text/javascript">
  function displayName(){
     var name="Bill";
     document.getElementById("name-here").innerHTML = name;
  }
</script>

避免使用documet.write选项，因为这是不良做法。

Answer 2

这取决于浏览器何时到达

<span><script type="text/javascript">document.write(name);</script></span>

如果变量准备就绪并可用于渲染，如果它在那里，那么我认为这样做不应该是一个问题，否则你可以将它推迟到页面结尾变量准备好并可用的地方。

为什么以及何时应该使用innerHTML

2 个答案: