js获取本地title随机一行显示到页面标题上

代码分享 • 2023-04-15

<!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>

文章《js获取本地title随机一行显示到页面标题上》
于 2023年4月15日发布在新程序，如无特别说明文章均为原创，请勿采集、转载、复制。

javascript

js获取本地title随机一行显示到页面标题上

相关文章

某度使用cookie直接登录的代码

神马获取Authkey按钮提交成功方法（来自于网友）

小旋风蜘蛛池pro版本文章入库python代码（qq好友提供）

WordPress网站绑定多个域名，不进行跳转到一个域名

Centos7.x 一键挂载磁盘到www