如何写一个网页标题title的闪动提示

　　通过网页title来提示用户有新消息这个功能很常见，比如现在的微博，还有一些邮箱，这个功能都很常见。如何实现则个功能呢?

　　思路是：通过ajax访问后台，若有新消息，则将网页的title替换为 提示信息 ，并与空格来回切换。例：【你有新消息】与【　　　　　】切换。提示内容弄是动态的，所以替换文字的空格数目也是算出的。这里用全角的空格。但是如果提示消息中有‘数字’等半角字符的话就会出现问题。全角的空格比半角的1的宽度要宽的多。这样的话，闪动起来看着就不是很舒服;解决方法就是用全角的空格替换全角的字符，半角的空格替换半角的字符。

　　但是document.title=' ';不论半角空格有多少个，浏览器只显示一个。用 的话，它原样输出;只能用var t=document.getElementsByTagName('title')[0]。获取title dom对象，通过 t.innerHTML=' '来修改。bjdfp.page4.me;

　　bjkp.page4.me;

　　bjafp.page4.me;

　　bjsfp.page4.me;

　　bjffp.page4.me;

　　shdfp.page4.me;

　　shafp.page4.me;

　　shsfp.page4.me;

　　shffp.page4.me;

　　shgfp.page4.me;

　　tjfp.page4.me;

　　tjafp.page4.me;

　　tjsfp.page4.me;

　　tjdfp.page4.me;

　　tjffp.page4.me;

　　cqfp.page4.me;

　　cqafp.page4.me;

　　cqsfp.page4.me;

　　cqdfp.page4.me;

　　cqffp.page4.me;

　　heafp.page4.me;

　　hesfp.page4.me;

　　hedfp.page4.me;

　　heffp.page4.me;

　　hegfp.page4.me;

　　jlfp.page4.me;

　　jlafp.page4.me;

　　jlsfp.page4.me;

　　jldfp.page4.me;

　　jlffp.page4.me;

　　ccfp.page4.me;

　　ccafp.page4.me;

　　ccsfp.page4.me;

　　ccdfp.page4.me;

　　ccffp.page4.me;

　　syfp.page4.me;

　　syafp.page4.me;

　　sysfp.page4.me;

　　sydfp.page4.me;

　　syffp.page4.me;

　　dlfp.page4.me;

　　dlafp.page4.me;

　　dlsfp.page4.me;

　　dldfp.page4.me;

　　dlffp.page4.me;

　　asfp.page4.me;

　　asafp.page4.me;

　　assfp.page4.me;

　　asdfp.page4.me;

　　asffp.page4.me;

　　jnfp.page4.me;

　　jnafp.page4.me;

　　jnsfp.page4.me;

　　jndfp.page4.me;

　　jnffp.page4.me;

　　jngfp.page4.me;

　　qdfp.page4.me;

　　qdafp.page4.me;

　　qdsfp.page4.me;

　　qddfp.page4.me;

　　qdffp.page4.me;

　　qdgfp.page4.me;

　　zbfp.page4.me;

　　zbsfp.page4.me;

　　zbafp.page4.me;

　　zbdfp.page4.me;

　　dyfp.page4.me;

　　dyafp.page4.me;

　　ytfp.page4.me;

　　ytafp.page4.me;

　　ytsfp.page4.me;

　　wffp.page4.me;

　　wfafp.page4.me;

　　wfsfp.page4.me;

　　wfdfp.page4.me;

　　tyfp.page4.me;

　　tyafp.page4.me;

　　tysfp.page4.me;

　　tydfp.page4.me;

　　tyffp.page4.me;

　　xaafp.page4.me;

　　xasfp.page4.me;

　　xadfp.page4.me;

　　xaffp.page4.me;

　　xagfp.page4.me;

　　sjzfp.page4.me;

　　sjafp.page4.me;

　　sjsfp.page4.me;

　　sjdfp.page4.me;

　　sjffp.page4.me;

　　sjgfp.page4.me;

　　tsfp.page4.me;

　　tsafp.page4.me;

　　tssfp.page4.me;

　　tsdfp.page4.me;

　　qhdfp.page4.me;

　　qhafp.page4.me;

　　lyfp.page4.me;

　　lyafp.page4.me;

　　lysfp.page4.me;

　　lydfp.page4.me;

　　zzfp.page4.me;

　　zzafp.page4.me;

　　zzsfp.page4.me;

　　zzdfp.page4.me;

　　whfp.page4.me;

　　whafp.page4.me;

　　whsfp.page4.me;

　　whdfp.page4.me;

　　whffp.page4.me;

　　csfp.page4.me;

　　csafp.page4.me;

　　cssfp.page4.me;

　　csdfp.page4.me;

　　csffp.page4.me;

　　wxfp.page4.me;

　　wxafp.page4.me;

　　wxsfp.page4.me;

　　wxdfp.page4.me;

　　wxffp.page4.me;

　　njfp.page4.me;

　　njafp.page4.me;

　　njsfp.page4.me;

　　njdfp.page4.me;

　　njffp.page4.me;

　　szfp.page4.me;

　　szafp.page4.me;

　　szsfp.page4.me;

　　szdfp.page4.me;

　　szffp.page4.me;

　　nbfp.page4.me;

　　nbafp.page4.me;

　　nbsfp.page4.me;

　　nbdfp.page4.me;

　　nbffp.page4.me;

　　hzafp.page4.me;

　　hzsfp.page4.me;

　　hzdfp.page4.me;

　　hzffp.page4.me;

　　hzgfp.page4.me;

　　fzfp.page4.me;

　　fzafp.page4.me;

　　fzsfp.page4.me;

　　fzdfp.page4.me;

　　fzffp.page4.me;

　　xmfp.page4.me;

　　xmafp.page4.me;

　　xmsfp.page4.me;

　　xmdfp.page4.me;

　　xmffp.page4.me;

　　kmfp.page4.me;

　　kmafp.page4.me;

　　kmsfp.page4.me;

　　kmdfp.page4.me;

　　kmffp.page4.me;

　　cdfp.page4.me;

　　cdafp.page4.me;

　　cdsfp.page4.me;

　　cddfp.page4.me;

　　cdffp.page4.me;

　　hffp.page4.me;

　　hfafp.page4.me;

　　hfsfp.page4.me;

　　hfdfp.page4.me;

　　hfffp.page4.me;

　　gyfp.page4.me;

　　gyafp.page4.me;

　　gysfp.page4.me;

　　gydfp.page4.me;

　　gyffp.page4.me;

　　xzfp.page4.me;

　　xzafp.page4.me;

　　xzsfp.page4.me;

　　xzdfp.page4.me;

　　xzffp.page4.me;

　　ntfp.page4.me;

　　ntafp.page4.me;

　　ntsfp.page4.me;

　　ntdfp.page4.me;

　　jhfp.page4.me;

　　jhafp.page4.me;

　　jhsfp.page4.me;

　　zjfp.page4.me;

　　zjafp.page4.me;

　　zjsfp.page4.me;

　　zjdfp.page4.me;

　　yzfp.page4.me;

　　yzafp.page4.me;

　　yzsfp.page4.me;

　　yzdfp.page4.me;

　　ncfp.page4.me;

　　ncafp.page4.me;

　　ncsfp.page4.me;

　　ncdfp.page4.me;

　　ncffp.page4.me;

　　gzfp.page4.me;

　　gzafp.page4.me;

　　gzsfp.page4.me;

　　gzdfp.page4.me;

　　gzffp.page4.me;

　　szqfp.page4.me;

　　szwfp.page4.me;

　　szzfp.page4.me;

　　szxfp.page4.me;

　　szcfp.page4.me;

　　zsfp.page4.me;

　　zsafp.page4.me;

　　zsvfp.page4.me;

　　stfp.page4.me;

　　stafp.page4.me;

　　stsfp.page4.me;

　　但会这么顺利么，当然不会。我们可爱的ie在这个时候总会出来捣乱。在ie浏览器下title的innerHTML是只读的(不光是title，其它的如：COL, COLGROUP, FRAMESET, HTML, STYLE, TABLE, TBODY, TFOOT, THEAD, TR的innerHTML属性是只读的)。如果强制赋值的话会出现“未知的运行时错误”。目前我也没有找到很到的办法，只能加上try{}catch(e){}对它进行特殊处理了

　　分享下源代码：

　　var flashTitlePlayer = {

　　start: function (msg) {

　　this.title = document.title;

　　if (!this.action) {

　　try {

　　this.element = document.getElementsByTagName('title')[0];

　　this.element.innerHTML = this.title;

　　this.action = function (ttl) {

　　this.element.innerHTML = ttl;

　　};

　　} catch (e) {

　　this.action = function (ttl) {

　　document.title = ttl;

　　}

　　delete this.element;

　　}

　　this.toggleTitle = function () {

　　this.action('【' + this.messages[this.index = this.index == 0 ? 1 : 0] + '】欢迎访问简明现代魔法');

　　};

　　}

　　this.messages = [msg];

　　var n = msg.length;

　　var s = '';

　　if (this.element) {

　　var num = msg.match(/\w/g);

　　if (num != null) {

　　var n2 = num.length;

　　n -= n2;

　　while (n2 > 0) {

　　s += " ";

　　n2--;

　　}

　　}

　　}

　　while (n > 0) {

　　s += '　';

　　n--;

　　};

　　this.messages.push(s);

　　this.index = 0;

　　this.timer = setInterval(function () {

　　flashTitlePlayer.toggleTitle();

　　}, 1000);

　　},

　　stop: function () {

　　if (this.timer) {

　　clearInterval(this.timer);

　　this.action(this.title);

　　delete this.timer;

　　delete this.messages;

　　}

　　}

　　};

　　function flashTitle(msg) {

　　flashTitlePlayer.start(msg);

　　}

　　function stopFlash() {

　　flashTitlePlayer.stop();

　　}