button - 未定义的 innerHTML（尝试刷新时）

Question

大家好，我正在尝试制作一个随机生成器，但我不想刷新整个页面以获取新字符串，所以我认为也许innerHTML可能是我的解决方案。不幸的是，当我单击按钮时，它给了我一个“未定义”的结果。我不知道该怎么做。提前致谢。

<span id="generator" style="font-size: 20px; font-weight: bold;">
<script language="javascript" type="text/javascript">

Words1 = new Array("blablabla1","blablabla2")
Words2 = new Array("blablabla3","blablabla4")
var random = document.write('- ' +
Words1[Math.floor((Math.random() * 100000) % Words1.length)] +
' ' +
Words2[Math.floor((Math.random() * 100000) % Words2.length)] +
'.\n' );

function refresh(){ 
    document.getElementById('generator').innerHTML = random;
}
</script>
</span>

<input type='button' onclick='refresh()' value='refresh'/>

Answer 1

您正在使用 span 标签包装 javascript 代码。应该是这样的，把代码放在de函数里面：

    <span id="generator" style="font-size: 20px; font-weight: bold;"></span>
    <script language="javascript" type="text/javascript">

    function refresh(){ 
  Words1 = new Array("blablabla1","blablabla2")
    Words2 = new Array("blablabla3","blablabla4")

    var random = document.write('- ' +
    Words1[Math.floor((Math.random() * 100000) % Words1.length)] +' ' + Words2[Math.floor((Math.random() * 100000) % Words2.length)] +'.\n' );
        document.getElementById('generator').innerHTML = random;
    }
    </script>


    <input type='button' onclick='refresh()' value='refresh'/>