浏览器网页窗口切换改变title内容
- 2016-01-14 18:28:48
- 幻音い
- 9030
温馨提示: 这篇文章于3235天前编写,现在可能不再适用或落后.
onblur和onfocus平时都用在表单元素的input的text类型和textarea元素上面,但是这两个事件不仅仅限于表单,原来还可以对window对象进行操作。
比如窗口切换改变title内容或者是icon图标改变。
window.onblur = function() {//使用window触发onblur事件 document.title = "诶,憋走啊!回来啊~喵";//改变title内容 }; window.onfocus = function() {//触发onfocus事件 document.title = "七空幻音 | 一个二次元爱好者的技术博客"; };虽然这样的目的达到了,但是不便于修改,我们可以在title标签上加上一个title属性
<title id="title" title="七空幻音 | 一个二次元爱好者的技术博客">七空幻音 | 一个二次元爱好者的技术博客</title>这样就可以不用去修改js的原标题了,用title上的id索引title内容就行了
window.onfocus = function(){ document.title=$("#title").attr("title");//用id获取原标题 }
阁下需要登录后才可以查看评论哦~