js动态修改title,超全方法包君满意~
1.原生jsdocument.title = '需要设置的值';# 设置title的值。document.getElementsByTagName("title")[0].innerText = '需要设置的值';2.jquery的两种方式$('title').html('')$('title').text('')3.vue可以在路由中进行title的修改routes: ...
·
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);
}
}
更多推荐
已为社区贡献12条内容
所有评论(0)