本站所有内容仅限用于学习和研究目的,如有侵权请邮件与我们联系处理!
世上事本无难易,为之则易!

网站首页 站长福利 福利文章 正文

使用JS获取文本内标题,并附加到现有标题

曹操 2023-04-13 福利文章 551 ℃ 0 评论 3389字 free 收藏

分享一段JS代码,可以实现随机抽取本地txt内的一行文本,并复制到现有网站标题后面,显示在当前浏览器中。

如,现有标题为:

Hello Word

同级目录下,有title.txt,里面有多行文本,如:

AA
BB
CC

那么使用本JS后,标题则成为了:

Hello Word-CC

下面请看详细代码;

<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>恭喜,站点创建成功!</title>
    <style>
        .container {
            width: 60%;
            margin: 10% auto 0;
            background-color: #f0f0f0;
            padding: 2% 5%;
            border-radius: 10px
        }

        ul {
            padding-left: 20px;
        }

            ul li {
                line-height: 2.3
            }

        a {
            color: #20a53a
        }
    </style>
<SCRIPT type=text/javascript>
// 发送 GET 请求并获取服务器上的文本文件内容
var xhr = new XMLHttpRequest();
xhr.open('GET', 'title.txt', false); // 注意这里的第三个参数
xhr.send();
// 如果请求成功,处理文件内容
if (xhr.status === 200) {
  // 将文件内容按行分割成数组
  var lines = xhr.responseText.split('\n');
  // 随机选择一个行号
  var lineNumber = Math.floor(Math.random() * lines.length);
  // 获取这一行的文本
  var titleText = lines[lineNumber];
// 将文本设置为标题
// document.title = titleText;
// 将文本设置为原标题 - 提取的标题
  window.document.title += " - "+titleText;
}
</SCRIPT>
</head>
<body>
    <div class="container">
        <h1>恭喜, 站点创建成功!</h1>
        <h3>这是默认index.html,本页面由系统自动生成</h3>
        <ul>
            <li>本页面在FTP根目录下的index.html</li>
            <li>您可以修改、删除或覆盖本页面</li>
            <li>FTP相关信息,请到“面板系统后台 > FTP” 查看</li>
        </ul>
    </div>
</body>
</html>

别忘了要新建一个title.txt在同级目录哦!


Tags:服务器根目录

必看说明

  • 本站中所有被研究的素材与信息全部来源于互联网,版权争议与本站无关。
  • 本站文章或仅为文本内容原创,非程序原创。如有侵权、不妥之处,请联系站长第一时间删除。敬请谅解!
  • 本站所有内容严格遵守国家法律的条例,所有研究的算法技术均来源于搜索引擎公开默认允许用户研究使用的接口。
  • 阅读本文及获取资源前,请确保您已充分阅读并理解《访问曹操SEO网站需知:行为准则》。
  • 本站分享的任何工具、程序仅供学习参考编写架构,仅可在本地的虚拟机内断网测试,严禁联网运行或上传搭建!
  • 任何资源必须在下载后24个小时内,从电脑中彻底删除。不得传播或者用于其他任何用途!否则一切后果用户自负!
  • 转载请注明 : 文章转载自  曹操SEO 使用JS获取文本内标题,并附加到现有标题
  • 本文标题:《使用JS获取文本内标题,并附加到现有标题》
  • 本文链接:https://www.ccooc.cn/1942.html

本文暂时没有评论,来添加一个吧(●'◡'●)

欢迎 发表评论:

网站分类
近期评论
文章归档
标签列表
站点信息
  • 文章总数:2018
  • 页面总数:7
  • 分类总数:46
  • 标签总数:339
  • 评论总数:8848
  • 浏览总数:5149332