Question

我是Web开发的新手，似乎无法在此站点的任何地方找到此特定任务，只能找到与使用页面时动态更改有关的内容。基本上，我希望我的html文档中的标记内容在加载/刷新页面时始终是不同的；我想在JS中存储某种类型的字符串数组，并让页面在加载html时选择其中一个字符串插入标签中。

这将导致每次我刷新页面时，选项卡上的标题都是不同的，除非再次刷新，否则不会更改。

有人可以指出我该怎么做吗？完全卡住了，在我的window.onload之后没有任何想法。

编辑：我已经根据在此站点上找到的内容尝试了此代码，但标题没有更改；我不确定为什么。

var titles = ['rainy skies == best', 'now with more bugs!', 'c > java'];

window.onload = function() {
    document.title = titles[(Math.random() * 10) % 2];
    $('meta[name="description"]').attr("content", 'My website!');
};

（然后照常将其链接到html页面）

Answer 1

您可以添加一些Javascript。它将在每次页面加载时执行，并且可以动态更改页面标题。

<script>
  var titles = ['asdf', 'qwer', 'uiop']
  var title = titles[Math.floor(Math.random() * titles.length)] // pick random item
  document.title = title
</script>

不需要使用PHP之类的后端语言。

Answer 2

您应该使用document.title来更改网站标签中的标题。

const strings = ["bar", "foo", "banana", "apple", "orange", "red", "green", "blue", "brown", "gray"];

window.onload = () => {
  let random = Math.floor(Math.random() * strings.length);
  
  // example with a div
  document.getElementById("my-span").innerHTML = strings[random];
  
  // example with page title
  // document.title = strings[random];
};

<span id="my-span"></span>

Answer 3

HTML：

<head>
    <title id="title"></title>
</head>

Javascript：

window.onload = function() {
    var titles = ['rainy skies == best', 'now with more bugs!', 'c > java'];
    var random = Math.floor(Math.random() * titles.length);
    var titleElement = document.getElementById('title')
    titleElement.innerHTML = titles[random];
}

编辑：innerHTML代替html

如何使HTML页面在加载时选择随机标题？

3 个答案: