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

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

解决过程
使用js方法修改title document.title = '页面标题';
出现问题：页面title并没有刷新，测试之后发现路由变化(后退、跳转等)之后才会刷新。

利用H5的history手动刷新路由，刷新title history.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();
})

document.title获取当前网页的标题相关推荐

iOS－获取当前网页的 url 和 title 和 html
iOS-获取当前网页的 url 和 title 和 html .h文件 @property (strong,nonatomic)UIWebView *webView; @property (stron ...
wordpress php 链接,WordPress中获取页面链接和标题的相关PHP函数用法解析
get_permalink()(获取文章或页面链接)get_permalink() 用来根据固定连接返回文章或者页面的链接.在获取链接时 get_permalink() 函数需要知道要获取的文章的 I ...
ASP.NET获取任意网页HTML代码
利用.NET的 WebClient类和 WebRequest类,我们可以很容易地得到给定URL地址的源代码.主要代码如下: GetPage.aspx: 程序代码 <%@ Page Langua ...
html页面标题是什么,javascript如何获取网页的标题（title）？
网页的标题(title),一般是由HTML文件的标签决定的.如果想要获取网页的标题(title),其实就是获取标签中的内容.下面本篇文章就来给大家介绍一下获取方法,希望对大家有所帮助. 方法一:使用 ...
Trick（二）——获取一个网页的 title 信息
所谓网页的 title 信息,就是在一个浏览器打开一个网页,在浏览器的顶部显示的标题信息.那么又该如何获取这一 title 信息,进行拷贝,而不是手动输入呢? ctrl + shift + i:进入开 ...
html语言的title在哪,网页中title标题使用地方有哪些
网页中title有什么地方出现? 在一个网页中title使用地方比较多,有的是作为网页html 标签,有的作为一个标签内一个属性,这里DIVCSS5为大家总结网页中标题标签与title使用地方和用法, ...
document.title设置页面标题在ios中不起作用
修改页面title document.title='新的title' 但这样在iOS不生效解决办法: // view <div><iframe :src="iframe& ...
Delphi自动提交网页表单和获取框架网页源码
这两个问题的实现原理其实是差不多的,所以放在一起介绍,单元MSHtml封装了我们需要的功能. 首先,新建一个DELPHI工程,在USES部分添加MSHtml单元的引用. 然后,在窗体上放置一个TWeb ...
php网站标签加小图标,在htmltitle/title标签添加图标，网页title左边显示网页的logo图标...
如图在黑色所画圆之中显示一个图标: 步骤一:在图片中显示图标,这里的图片只支持ico格式,需要转换图片格式. 原始图像可以接受: .jpg .jpeg .gif .png等图像格式在这个网址http ...

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

document.title获取当前网页的标题相关推荐

最新文章

热门文章