2000字范文,分享全网优秀范文,学习好帮手!
2000字范文 > html浏览器标题闪动 网页标题title闪动提示效果理论实现方法

html浏览器标题闪动 网页标题title闪动提示效果理论实现方法

时间:2023-01-07 03:19:09

相关推荐

html浏览器标题闪动 网页标题title闪动提示效果理论实现方法

通过网页title来提示用户有新消息,很小巧实用的功能。

思路分析:通过ajax访问后台,若有新消息,则将网页的title替换为 提示信息 ,并与空格来回切换。

例:【你有新消息】与【】切换。提示内容弄是动态的,所以替换文字的空格数目也是算出的。这里用全角的空格。但是如果提示消息中有‘数字'等半角字符的话就会出现问题。全角的空格比半角的1的宽度要宽的多。这样的话,闪动起来看着就不是很舒服;解决方法就是用全角的空格替换全角的字符,半角的空格替换半角的字符。

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

但会这么顺利么,当然不会。ie总会出来捣乱。在ie浏览器下title的innerhtml是只读的(不光是title,其它的如:col, colgroup, frameset, html, style, table, tbody, tfoot, thead, tr的innerhtml属性是只读的)。如果强制赋值的话会出现“未知的运行时错误”。目前没有找到很到的办法,只能加上try{}catch(e){}对它进行特殊处理了。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。