微信端浏览器title值的修改

最新推荐文章于 2023-11-15 15:03:51 发布

转载最新推荐文章于 2023-11-15 15:03:51 发布 · 275 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/lhy-555/p/7919739.html

文章标签：

#javascript #ViewUI

本文介绍了一种在微信浏览器中更改网页标题的方法。利用jQuery获取和设置title，并通过加载一个空的iframe来触发微信浏览器对title的更新。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

若是PC端网页：（jquery方式）

获取title值：

　　$(document).attr(“title”);

　　$(“title”).html();

修改title值：

　　$(document).attr(“title”, “我的页面标题修改”);

　　$(“title”).html(“我的页面标题修改”);

由于微信浏览器只在页面首次加载时初始化了标题title，之后就没有再监听window.title的change事件。

所以这里修改了title后，立即创建一个请求，加载一个空的iframe，由于加载后立即就移除，不会对页面造成影响。

这样微信浏览器的title就刷新了。

1 var $body = $('body');
2 document.title = '这里是要修改成的新标题';
3 
4 var $iframe = $('<iframe></iframe>');
5 $iframe.on('load',function() {
6   setTimeout(function() {
7       $iframe.off('load').remove();
8   }, 0);
9 }).appendTo($body);