如何实现刷新一次页面换一段文字

发布时间：2023-05-27 阅读数：

想要网站变的更好，添加一段代码今天小编为大家分享一段“刷新一次页面换一段文字”的代码，使用JavaScript来实现此功能。需要自己手动添加文字，刷新页面即可变化，非常不错!快来看看吧!

直接上代码

<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <title>自动生成30字分类目录网站文案</title>
</head>
<body>
   <p id="text"></p>
   <script>
       var textArray = [
           "发现更多精彩内容，尽在本网站",
           "让你的生活更加丰富多彩",
           "聚集各类优秀资源，尽情冲浪",
           "热门分类一网打尽，让你享受超值体验",
           "打破信息壁垒，开拓你的视野",
           "亲自试用，给你最直观的感受",
           "搜索不如直接来我们这找答案",
           "热门分类，让你轻松找到所需的资源",
           "主流分类，汇聚全网优质资源"
       ];
       var randomIndex = Math.floor(Math.random() * textArray.length);
       document.getElementById("text").innerHTML = textArray[randomIndex];
   </script>
</body>
</html>

该代码会在页面上生成一个段落元素(

)，id为text，并使用JavaScript随机从文案数组中选取一个文案进行展示。文案数组可以根据需要自行更改或添加。

希望对您有所帮助。

作者：文章来源：互联网

上一篇：rgb255颜色代码大全

下一篇：常用的html标签有哪些