1000字范文,内容丰富有趣,学习的好帮手!
1000字范文 > document.title获取当前网页的标题

document.title获取当前网页的标题

时间:2024-04-28 20:13:56

相关推荐

document.title获取当前网页的标题

转自

需求 : 在页面载入数据之后,根据返回的数据动态的修改页面title。

解决过程

使用js方法修改titledocument.title = '页面标题';

出现问题:页面title并没有刷新,测试之后发现路由变化(后退、跳转等)之后才会刷新。

利用H5的history手动刷新路由,刷新titlehistory.pushState(null, null, null);

出现问题:title是刷新了,但是浏览器历史栈会多一条记录,返回两下才能返回上一个路由。

对history后退,回到原始路由history.go(-1);

出现问题:当前页面中动态更改title完美解决,但是页面中所有的title都改变了。

路由器拦截处理

router.beforeEach((to, from, next) => {/* 路由发生变化修改页面title */if (to.meta.title) {document.title = to.meta.title;}else{document.title = '默认title';}next();})

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。