Question

我列出了一些我希望在页面刷新和/或页面加载时更改的事实。

我遇到的所有解决方案都包含一个按钮，这是我所不希望的。

function newFact() {
 var randomFact = Math.floor(math.random() * facts.length);
 document.getElementById('factDisplay').innerHTML = facts[randomFact]
}

因此，我有一个函数可以从事实（可变事实）列表中随机抽取一个字符串（事实）。我希望这样做，以便HTML页面的每次刷新/重新加载都将产生一个新事实。

编辑：我使用<body onload="newFact()">调用了脚本。感谢您的所有帮助！

Answer 1

将其作为IIFE（立即调用的函数表达式）放在脚本中的任意位置。

(function newFact() {
  var facts = ['Fact 1', 'Fact 2', 'Fact 183'];
  var randomFact = Math.floor(Math.random() * facts.length);
  document.getElementById('factDisplay').innerHTML = facts[randomFact];
})();

<div id="factDisplay"></div>

IIFE在JS中的其他任何普通函数之前（强制）执行。因此，在每次加载/刷新页面时，都会首先执行此操作，并且每次显示不同的结果。

Answer 2

只需将脚本放在页面的底部/页脚并调用它，就像这样：

var facts = ["1", "2", "3"];

!function newFact() {
  var randomFact = Math.floor(Math.random() * facts.length);
  document.getElementById('factDisplay').innerHTML = facts[randomFact]
}();

<div id="factDisplay"></div>

有关页面刷新和页面加载的随机/新文本

2 个答案: