Jquery中文网 www.jquerycn.cn
Jquery中文网 >  脚本编程  >  javascript  >  正文 js改变网页标题实例学习

js改变网页标题实例学习

发布时间:2015-05-02   编辑:www.jquerycn.cn
分享几个js修改网页标题的代码,学习下js改变网页标题的实现方法,不错的js特效代码,有需要的朋友做个参考。

例1,使用setTimeout(),clearTimeout()修改网页标题。

js代码:
 

复制代码 代码示例:
<script>
var x=0;
var s ;
function startChange(){
 window.document.title = ++x%2  ? '新消息': '>>新消息<<';
 s = setTimeout("startChange()",500);
};
function stopChange(){
 clearTimeout(s);
};
</script>

html代码:
 

复制代码 代码示例:
<input type="button" value="start" onClick='s'/>
<input type="button" value="stop" onClick="stopChange()"/>

例2,使有setInterval(),clearInterval()改变网页标题。
js代码:
 

复制代码 代码示例:
<script>
 var x=0;
 var s ;
 function startChange(){
  s = setInterval("doit()",500);
 
 };
 
 function doit(){
  window.document.title = ++x%2  ? '新消息': '>>新消息<<';
 }
 
 function stopChange(){
  clearInterval(s);
 };
</script>

html代码:
 

复制代码 代码示例:
<body>
单击按钮,修改网页标题显示:
<input type="button" value="start" onClick="startChange()"/>
<input type="button" value="stop" onClick="stopChange()"/>
</body>

您可能感兴趣的文章:
js改变网页标题实例学习
js实现网页标题栏的闪烁效果(示例)
JS函数实现网页标题(title)闪动效果
JavaScript 总结
如何使用母版页来实现统一格式的网页标题
JS读取与修改网页标题
网页制作之如何管理好网站的css样式
Javascript改变HTML内容的实例分享(图文)
js实现网页标题闪烁效果
网站优化H1-h6标签怎么利才更加完美

关键词: 网页标题   
[关闭]