JS 动态改变浏览器title标题

监听离开页面和进入页面


<script>
window.onfocus = function () {
    document.title = '要走的人终究是留不住~~';
    setTimeout(function(){
        document.title = '夜雨绸缪';
    }, 1500);
};
window.onblur = function () {
    document.title = '等等,你别走啊!!';
};
</script>

原文地址:https://www.cnblogs.com/xiaobaiv/p/9866245.html

时间: 2024-10-10 01:15:38

JS 动态改变浏览器title标题的相关文章

js动态改变iframe的高度

js动态改变iframe的高度的写法 〈iframe id="docDetail" width="100%"  height="200" frameborder="0" src="a.htm"〉 〈/iframe〉 而a.html不是固定大小的,这个时候嵌套的iframe就会出现滚动条. 通过js获取iframe的高度,然后动态的改变,这样就不会出现滚动条. 方式一:在jsp的body里增加onload方法

js动态改变图片src在ie6下的兼容问题

场景:验证码图片在ie6下出不来 这个BUG折腾了我近半个小时,最后GOOGLE成功,原因是IE6的底层BUG,我们使用<a>的href属性改变的时候会中断加载,导致我们看不到图片,这经常在验证码或动态改变图片的时候遇到. 所以我们在使用a 链接时通常href和onclick都会同时用到,链接的 onclick 事件被先执行,其次是 href 属性下的动作(页面跳转,或 javascript 伪链接),假设链接中同时存在 href 与 onclick,如果想让 href 属性下的动作不执行,o

JS动态改变select选择变更option的index值

document.getElementById("louyuming").options[0].selected=true; function jsSelectIsExitItem(objSelect, objItemValue) {             var isExit = false;             for (var i = 0; i < objSelect.options.length; i++) {                 if (objSele

js动态改变样式属性(style属性)

<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>Style</title> <!-- 之前接触的 行内样式 style 是css设置样式 现在我们使用的是js中的设置样式! --> <style type="text/css"> #myDiv{ height:

js动态改变元素属性img标签的src

<head> <title> just a test! </title> <script type="text/javascript"> /** * function:when you open the page,get user's data from database */ function set_follow(){ var count=0;// you should read it from database document.g

js动态改变样式属性(className属性)

<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>className属性</title> <style type="text/css"> .myDiv{ height: 50px; width: 50px; border: 1px solid red; } .newStyle

javascript生成表格增删改查 JavaScript动态改变表格单元格内容 动态生成表格 JS获取表格任意单元格 javascript如何动态删除表格某一行

jsp页面表格布局Html代码 <body > <center> <input type="text" value="111" id="mytext"> <table border="1" width="60%" id="mytable"> <tr> <td id="td1">第一行第一列<

ios如何动态改变title

刚刚用vue发现document.title=title在ios上并不能动态改变title(iphone上的微信端),但是在电脑上和安卓手机上却没有问题,仔细查了一下原来是ios存在title不刷新的问题基本的解决方法是: 基于:jquery var $body = $('body') document.title = 'title' var $iframe = $('<iframe src="/favicon.ico"></iframe>').on('load

【js】setInterval动态改变定时器时间周期

setInterval动态改变定时器时间周期 一.目标: setInterval初始时间间隔为500ms,动态更改为2s/5s/暂停. 二.效果(//gif,如果看到的是静态的png,你该去换台能看动图的电脑.) 三.实现: js控制: 1 var t=setInterval(change,timer); 2 3 function change(){ 4 $('#t1').click(function(){ 5 timer=2000; 6 clearInterval(t); 7 t=setInt