Vmo8 Wiki

Vmo8 用户的地盘, C2/C3开发者的乐园

用户工具

站点工具


动态修改标题

差别

这里会显示出您选择的修订版和当前版本之间的差别。

到此差别页面的链接

动态修改标题 [2017/09/05 07:13] (当前版本)
Aven 创建
行 1: 行 1:
 +JS动态修改微信浏览器中的title我们的原理是设置一个ifame然后我们再加载一下就可以实现了,具体的例子如下所示.
  
 +平时使用js修改title,直接document.title=新标题就好了 这样在安卓的微信浏览器是正常运行,可在iOS中这样的确不起作用。
 +
 +微信浏览器的title在页面加载完成后就确定了,因此如果光使用document.title来修改,不会有效果。所以这里使用了黑科技。
 +在微信浏览器中使用如下代码来动态修改浏览器上的title标题:
 +<code>var $body = $('body');
 +document.title = '这里是要修改成的新标题';
 +var $iframe = $('<iframe src="/favicon.ico"></iframe>');
 +$iframe.on('load',function() {
 +  setTimeout(function() {
 +      $iframe.off('load').remove();
 +  }, 0);
 +}).appendTo($body);</code>
 +由于微信浏览器只在页面首次加载时初始化了标题title,之后就没有再监听 window.title的change事件。所以这里修改了title后,立即创建一个请求,加载一个空的iframe,由于加载后立即就移除,也不会对页面造成影响,但这样微信浏览器上的title便刷新了。
动态修改标题.txt · 最后更改: 2017/09/05 07:13 由 Aven