欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

使用JavaScript让网页的title动起来

程序员文章站 2022-06-04 12:05:03
html title: 复制代码 代码如下: 你好,mr-s.r lee javascript: 复制代码 代码如下:...
html title:
复制代码 代码如下:
<title>你好,mr-s.r lee</title>

javascript:
复制代码 代码如下:

<script type="text/javascript">
function scroll() {
//获取title信息。
var titleinfo = document.title;
//获取title第一个汉字(数字、字母)。
//注释:字符串中第一个字符的下标是 0。如果参数 index 不在 0 与 string.length 之间,该方法将返回一个空字符串。
var firstinfo = titleinfo.charat(0);
//获取第二位到最后的信息。
var lastinfo = titleinfo.substring(1, titleinfo.length);
//拼接输出信息
document.title = lastinfo + firstinfo;
}
//使用setinterval()方法执行
setinterval("scroll()", 500);
</script>

完整演示代码:

[ctrl+a 全选 注:如需引入外部js需刷新才能执行]