js动态修改title,超全方法包君满意~

1.原生js

document.title = '需要设置的值';    
document.getElementsByTagName("title")[0].innerText = '需要设置的值';

2.jquery的两种方式

$('title').html('需要设置的值')
$('title').text('需要设置的值')

3.vue可以在路由中进行title的修改

routes: [
        {
            path: '/',
            name: 'home',
            component: Home,
            meta:{
                title:'需要设置的值'
            }
        },
 ]
router.beforeEach((to, from, next) => {
    if (to.meta.title) {
        document.title = to.meta.title
    }
    next()
})

以上呢,是每个页面已经固定了title内容。如果是后台返回的不确定title,在微信内置浏览器打开,既要适配IOS,又要适配安卓,请看下一个哦~

4.快速生成ifrom,又删除ifrom,触发监听事件

function setTitle(title){
            document.title = title || document.title;
            var ua = navigator.userAgent.toLowerCase();
            if(ua.match(/MicroMessenger/i)=="micromessenger" && !!ua.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/i)){
               var iframe = document.createElement('iframe')
               iframe.src = "/favicon.ico";
               iframe.onload = function() {
                  setTimeout(function(){
                    iframe.remove();
                  }, 0)
                }
                document.body.appendChild(iframe);
            }
        }

你可能感兴趣的:(javascript)