JS实现网页标题栏显示当前时间和日期的完整代码


Posted in Javascript onNovember 02, 2015

本文实例讲述了JS实现网页标题栏显示当前时间和日期的完整代码。分享给大家供大家参考,具体如下:

本效果实现在网页的标题栏最前端显示当前的时间和日期,还可以显示星期几,JS代码,不过代码在兼容性方面好像有些问题,如果是IE的话则正常显示,其它浏览器则看不到效果。

运行效果截图如下:

JS实现网页标题栏显示当前时间和日期的完整代码

在线演示地址如下:

具体代码如下:

<html>
<head>
<title>网页标题栏显示当前时间和日期的代码</title>
<script language="JavaScript1.2">
<!--hide
//定义月份的描述
var isnMonth = new Array("1月","2月","3月","4月","5月","6月","7月","8月","9月","10月","11月","12月");
//定义星期的描述
var isnDay = new Array("星期日","星期一","星期二","星期三","星期四","星期五","星期六","星期日");
//取得当前日期
today = new Date () ;
Year=today.getYear(); //取得日期的年份部分
Date=today.getDate(); //取得星期部分
//定义需要显示的字符串
titlestr="今天是: "+Year+"年"+isnMonth[today.getMonth()]+Date+"日"+isnDay[today.getDay()]
if (document.all) //检测浏览器兼容性,如果是IE则可以显示
document.title=titlestr //改变标题,显示日期。
//--hide-->
</script>
</head>
<body>
<b>请注意上面标题栏的时间</b>
</body>
</html>

希望本文所述对大家JavaScript程序设计有所帮助。

Javascript 相关文章推荐
HTML页面如何象ASP一样接受参数
Feb 07 Javascript
JavaScript 判断浏览器是否支持SVG的代码
Mar 21 Javascript
js运动框架_包括图片的淡入淡出效果
May 11 Javascript
从JQuery源码分析JavaScript函数的apply方法与call方法
Sep 25 Javascript
JavaScript里四舍五入函数round用法实例
Apr 06 Javascript
JS与jQuery遍历Table所有单元格内容的方法
Dec 07 Javascript
基于JavaScript代码实现兼容各浏览器的设为首页和加入收藏
Jan 07 Javascript
JS文件上传神器bootstrap fileinput详解
Jan 28 Javascript
js+html5实现侧滑页面效果
Jul 15 Javascript
微信小程序页面传多个参数跳转页面的实现方法
May 17 Javascript
原生js实现随机点名功能
Nov 05 Javascript
Vue点击切换Class变化,实现Active当前样式操作
Jul 17 Javascript
JS实现在状态栏显示打字效果完整实例
Nov 02 #Javascript
12个超实用的JQuery代码片段
Nov 02 #Javascript
JavaScript Length 属性的总结
Nov 02 #Javascript
基于Jquery实现万圣节快乐特效
Nov 01 #Javascript
JavaScript调用传递变量参数的相关问题及解决办法
Nov 01 #Javascript
javascript跨域总结之window.name实现的跨域数据传输
Nov 01 #Javascript
《JavaScript高级编程》学习笔记之object和array引用类型
Nov 01 #Javascript
You might like
PHP读取大文件的类SplFileObject使用介绍
2014/04/09 PHP
PHP图片添加水印功能示例小结
2016/10/03 PHP
php判断目录存在的简单方法
2019/09/26 PHP
Cookie跨域问题解决方案代码示例
2020/11/24 PHP
javascript replace()正则替换实现代码
2010/02/26 Javascript
浏览器解析js生成的html出现样式问题的解决方法
2012/04/16 Javascript
jquery获取table中的某行全部td的内容方法
2013/03/08 Javascript
jQuery Ajax Post 回调函数不执行问题的解决方法
2016/08/15 Javascript
javascript实现数据双向绑定的三种方式小结
2017/03/09 Javascript
element-ui 的el-button组件中添加自定义颜色和图标的实现方法
2018/10/26 Javascript
Vue组件间通信方法总结(父子组件、兄弟组件及祖先后代组件间)
2019/04/17 Javascript
js最实用string(字符串)类型的使用及截取与拼接详解
2019/04/26 Javascript
vue element-ui之怎么封装一个自己的组件的详解
2019/05/20 Javascript
JS插入排序简单理解与实现方法分析
2019/11/25 Javascript
jQuery实现鼠标放置名字上显示详细内容气泡提示框效果的方法分析
2020/04/04 jQuery
Vue使用自定义指令实现拖拽行为实例分析
2020/06/06 Javascript
Flask框架的学习指南之开发环境搭建
2016/11/20 Python
python验证码识别教程之灰度处理、二值化、降噪与tesserocr识别
2018/06/04 Python
浅谈python函数调用返回两个或多个变量的方法
2019/01/23 Python
django基于restframework的CBV封装详解
2019/08/08 Python
查看Python依赖包及其版本号信息的方法
2019/08/13 Python
结束运行python的方法
2020/06/16 Python
PyTorch预训练Bert模型的示例
2020/11/17 Python
Jupyter Notebook 远程访问配置详解
2021/01/11 Python
Pyecharts 中Geo函数常用参数的用法说明
2021/02/01 Python
Pytorch之扩充tensor的操作
2021/03/04 Python
html5 canvas fillRect坐标和大小的问题解决方法
2014/03/26 HTML / CSS
白宫黑市官网:White House Black Market
2016/11/17 全球购物
园长自我鉴定
2013/10/06 职场文书
有针对性的求职自荐信
2013/11/14 职场文书
家长通知书家长评语
2014/04/17 职场文书
招标承诺书
2014/08/30 职场文书
2015年元宵节活动总结
2015/02/06 职场文书
员工辞退通知书
2015/04/17 职场文书
小学运动会入场词
2015/07/18 职场文书
MySQL 四种连接和多表查询详解
2021/07/16 MySQL