分享一段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在同级目录哦!
本站所有内容仅限用于学习和研究目的,程序仅供本地断网测试,转载请说明出处!
站群SEO » 使用JS获取文本内标题,并附加到现有标题
站群SEO » 使用JS获取文本内标题,并附加到现有标题