七空幻音LOGO

七空幻音

浏览器网页窗口切换改变title内容2016-01-15 02:28:48

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获取原标题
}


5条评论

    一共 1 页

    评论

    详细图片
    载入中...