JavaScript动态修改浏览器标题与页面元素技巧

作者:白露

时间:2026-10-30

浏览:538

本文介绍使用JavaScript动态改变浏览器标题栏文字、设置页面小图标及自定义鼠标样式的方法。通过setInterval定时更新document.title实现闪烁效果,并指出在IE和Chrome中设置100毫秒间隔可能出现的兼容性问题。

文章目录

动态修改浏览器标题

本文详细介绍利用JavaScript动态修改浏览器窗口标题的实现方式,供开发者参考。


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
  <title>无标题页</title>
  <link id="link1" rel="Shortcut Icon" href="1.ico" />
</head>
<body style="cursor:url(1.cur); height:100%;">
<script type="text/javascript">
var bo = true;
var title = document.title;
window.setInterval(function(){ 
  document.title = (bo?'[信]':'[★]') + title;
  bo = !bo;
},500);
</script>
设置为100毫秒时,火狐正常,IE、Chrome都不正常。
</body>
</html>

需注意:当将修改document.title的时间间隔设置为100毫秒时,Firefox浏览器表现正常,但Internet Explorer和Chrome浏览器可能出现异常。

关于如何设置浏览器标签页的小图标(Favicon),具体实现如下。

设置浏览器小图标


<link id="link1" rel="Shortcut Icon" href="1.ico" />

关于如何改变鼠标指针的样式,具体实现如下。

改变鼠标样式


<body style="cursor:url(1.cur); ">

如需了解更多JavaScript相关知识,可参阅本站相关专题,包括《JavaScript+flash技巧与特效大全》、《JavaScript切换特效与技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript动画特效与技巧汇总》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》。

希望上述内容对您的JavaScript编程有所帮助。

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章