Javascript 如何让html页面在加载时选择随机标题？_Javascript_Php_Jquery

Javascript 如何让html页面在加载时选择随机标题？

javascript php jquery

Javascript 如何让html页面在加载时选择随机标题？,javascript,php,jquery,Javascript,Php,Jquery,我对web开发还不熟悉，似乎在这个网站的任何地方都找不到这个特定的任务，只有在使用页面时与动态变化相关的事情。基本上，我希望在加载/刷新页面时，我的html文档中的标记内容总是不同的；我想在JS中存储某种字符串数组，并让页面在加载html时选择其中一个字符串插入到标记中这将导致每次我刷新页面时，选项卡上的标题都不同，除非我再次刷新，否则不会更改有人能告诉我怎么做吗？完全卡住了，在我的窗口之后，我的想法就消失了。onload不起作用编辑：我已经根据我在这个网站上找到的内容尝试了这个代码，但是

我对web开发还不熟悉，似乎在这个网站的任何地方都找不到这个特定的任务，只有在使用页面时与动态变化相关的事情。基本上，我希望在加载/刷新页面时，我的html文档中的标记内容总是不同的；我想在JS中存储某种字符串数组，并让页面在加载html时选择其中一个字符串插入到标记中

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

有人能告诉我怎么做吗？完全卡住了，在我的窗口之后，我的想法就消失了。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页面

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

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

使用像PHP这样的后端语言也可以解决这个问题，但这要简单得多。

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

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

使用像PHP这样的后端语言也可以解决这个问题，但这要简单得多。

您应该使用document.title来更改网站选项卡中的标题

常量字符串=[bar、foo、香蕉、苹果、橙色、红色、绿色、蓝色、棕色、灰色]； window.onload==>{ 设random=Math.floorMath.random*strings.length； //带div的示例 document.getElementByIdmy-span.innerHTML=strings[random]； //带有页面标题的示例 //document.title=字符串[随机]； }; 您应该使用document.title更改网站选项卡中的标题

编辑：innerHTML而不是html

html:

编辑：innerHTML而不是html服务器端示例。定义一个标题列表，随机选取一个，并将其输出到“标题”属性中

PHP

服务器端示例。定义一个标题列表，随机选取一个，并将其输出到“标题”属性中

PHP

如果我需要使用PHP，我该怎么做？最好将它与PHP标记一起添加到您的问题中。另外，你最好向我们展示你到目前为止所做的工作，这样我们就可以在此基础上再接再厉，谢谢。好的。我在JS中尝试了以下内容，但没有效果。var titles=['rainyskyes==best'，'now with more bug！'，'c>java']；window.onload=function{document.title=titles[Math.random*10%2]；$'meta[name=description]'.attrcontent'My website！'；}；你知道这会让书签/历史记录和面包屑搜索变得混乱吗？如果我需要使用PHP，我该怎么做？最好将其与PHP标记一起添加到你的问题中。另外，你最好向我们展示你到目前为止所做的工作，这样我们就可以在此基础上再接再厉，谢谢。好的。我在JS中尝试了以下内容，但没有效果。var titles=['rainyskyes==best'，'now with more bug！'，'c>java']；window.onload=function{document.title=titles[Math.random*10%2]；$'meta[name=description]'.attrcontent'My website！'；}；你知道这会让书签/历史记录和面包屑搜索变得混乱吗？但是如果客户端禁用JavaScript呢？嘿，谢谢。我可以问一下为什么我在Q中的代码最终无法工作，却在文档中使用了相同的属性吗？如果您不知道就可以了，我只是想知道如何在将来改进我的代码。@Jenna尝试在浏览器控制台中运行您的代码，看看它会返回什么：Math.random*10%2输出无效数组索引的浮点数。Math.floor会将它们转换为整数。@nicooga是，但是OP的代码中没有使用Math.floor。但是如果客户端禁用了JavaScript呢？嘿，谢谢。我可以问一下为什么我在Q中的代码最终无法工作，却在文档中使用了相同的属性吗？如果您不知道就可以了，我只是想知道如何在将来改进我的代码。@Jenna尝试在浏览器控制台中运行您的代码，看看它会返回什么：Math.random*10%2输出无效数组索引的浮点数。Math.floor会将它们转换为整数。@nicooga是的，但Math.floor在OP的代码中没有使用。

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];
}

<?php 
    $titles = ['title1', 'title2', 'title3']; 
?>

<html lang="">
    <head>
        <title><?php echo $titles[array_rand($titles)]; ?></title>
    </head>
    ...
</html>