JavaScript获得当前网页标题,JavaScript修改浏览器tab标题小技术

用以引起用户的注意,JS中的document.title可以获取当前网页的标题,希望本文所述对大家的javascript程序设计有所帮助

修改tab或许window的标题,是一项较老的施行。Gmail
用它来唤醒顾客新的闲谈音讯,当有新的page通过AJAX加载的时候,本站同样用它创新tab
title。那是怎样做到的吧?当时是因而设置document对象。

正文实例陈诉了JavaScript获取当前网页标题(title)的不二法门。分享给我们供大家仿照效法。具体如下:

本文实例叙述了JavaScript在浏览器标题栏上出示当前天子和岁月的主意,分享给大家供大家参谋。具体如下:

复制代码 代码如下:

JS中的document.title能够获得当前网页的题目

将这段脚本放到head区即可:

document.title = ‘Hello!’; // New title 🙂

<!DOCTYPE html>
<html>
<head>
<title>jb51.net</title>
</head>
<body>
current document's title is:
<script>
document.write(document.title);
</script>
</body>
</html>
<script language="JavaScript">
<!--
function resetIt() {
// Calculate Time
var timerID = null;
var timerRunning = false;
if(timerRunning)
  clearTimeout(timerID);
  timerRunning = false;
// getTime
var timeNow = new Date();
var hours = timeNow.getHours();
var minutes = timeNow.getMinutes();
var seconds = timeNow.getSeconds();
var timeValue = "" + ((hours >12) ? hours -12 :hours)
timeValue = ((timeValue <10)? "0":"") + timeValue
timeValue += ((minutes < 10) ? ":0" : ":") + minutes
timeValue += ((seconds < 10) ? ":0" : ":") + seconds
timeValue += (hours >= 12) ? " PM" : " AM"
timerID = setTimeout("resetIt()",100);
timerRunning = true;
// getDate
var dateNow = new Date();
var days = new Array('Sunday','Monday','Tuesday','Wednesday','Thursday','Friday','Saturday');
var months = new Array('January','February','March','April','May','June','July','August','September','October','November','December');
var date = ((dateNow.getDate()<10) ? "0" : "")+ dateNow.getDate();
function y2k(number){return (number < 1000) ? number + 1900 : number;}
// compileIt
today = timeValue + " " + days[dateNow.getDay()] + " " +
        months[dateNow.getMonth()] + ", " +
        date + " " +
        (y2k(dateNow.getYear()));
  if(document.all || document.getElementById){ // Browser Check
   document.title = today.toString();
  }else{
   self.status = today.toString(); // Default to status.
  }
}
resetIt();
//-->
</script>

有多少个常识性的谬误是:你会以为应该去修改
window.title。但实在,你应该运用document对象,不然你做的明确是于事无补的。注意一下,你将会看到:很多时候会用
setInterval来实在立异 document.title,用以引起客户的注目!

运维结果如下:

期望本文所述对大家的javascript程序设计具备帮衬。

你或者感兴趣的小说:

  • JavaScript在浏览器标题栏上显妥当今日子和岁月的法子
  • 拖动table标题完成转移td的高低(css+js代码)
  • JS完成网页标题随机展现金玉良言的措施
  • JS达成网页标题栏彰显当前时间和日期的完全代码
  • JavaScript达成标题栏文字轮播效果代码
  • JavaScript落实带标题标图纸轮播特效
  • JavaScript获得当前网页标题(title)的措施
  • Jquery修改页面标题title其余JS失效的缓和办法
  • js完成的标题栏新新闻闪烁提醒意义
  • 标题过长使用javascript按字节截取字符串
  • javascript
    获取网页标题代码实例
  • JS动态更改浏览器题指标艺术
current document's title is:jb51.net

你或然感兴趣的稿子:

  • JavaScript修改浏览器tab标题小技艺
  • 拖动table标题达成转移td的轻重缓急(css+js代码)
  • JS完结网页标题随机展现名人名言的艺术
  • JS完结网页标题栏显示当前光阴和日期的完整代码
  • JavaScript贯彻标题栏文字轮播效果代码
  • JavaScript完毕带标题的图样轮播特效
  • JavaScript获得当前网页题目(title)的艺术
  • Jquery修改页面标题title别的JS失效的减轻措施
  • js完结的标题栏新消息闪烁提醒功效
  • 标题过长使用javascript按字节截取字符串
  • javascript
    获取网页标题代码实例
  • JS动态退换浏览器题指标不二秘诀

怎样用js代码修改与读取网页标题呢,本节为我们提供一例代码。
在ie6和ff2.0下测量试验通过。

代码:

<!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>
</head>
<body>
<script type="text/javascript">
<!--
var t=document.title;
alert(t);
document.title="改变的标题二";
//-->
</script>
</body>
</html>

期望本文所述对大家的javascript程序设计具有帮忙。

您可能感兴趣的小说:

  • JavaScript在浏览器题目栏上海展览中心示当前几天子和岁月的办法
  • JavaScript修改浏览器tab标题小本领
  • 拖动table标题完毕转移td的高低(css+js代码)
  • JS完毕网页标题随机显示金玉良言的方式
  • JS完结网页标题栏显示当前几天子和日期的总体代码
  • JavaScript完结标题栏文字轮播效果代码
  • JavaScript落到实处带题指标图纸轮播特效
  • Jquery修改页面标题title另外JS失效的解决措施
  • js实现的标题栏新新闻闪烁提示功效
  • 题目过长使用javascript按字节截取字符串
  • javascript
    获取网页标题代码实例
  • JS动态退换浏览器题目标艺术