JS动态修改微信浏览器中的title

平时使用JS修改title,直接document.title=新标题就好了 这样在安卓的微信浏览器是正常运行,可在IOS中这样的确不起作用。
微信浏览器的title在页面加载完成后就确定了,因此如果光使用document.title来修改,不会有效果。所以这里使用了黑科技。
在微信浏览器中使用如下代码来动态修改浏览器上的title标题:

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);

由于微信浏览器只在页面首次加载时初始化了标题title,之后就没有再监听 window.title的change事件。所以这里修改了title后,立即创建一个请求,加载一个空的iframe,由于加载后立即就移除,也不会对页面造成影响,但这样微信浏览器上的title便刷新了。

时间: 2024-09-21 20:04:22

JS动态修改微信浏览器中的title的相关文章

js判断是否在微信浏览器中打开

原文:js判断是否在微信浏览器中打开 用JS来判断了,经过查找资料终于实现了效果,直接上代码 function is_weixn(){ var ua = navigator.userAgent.toLowerCase(); if(ua.match(/MicroMessenger/i)=="micromessenger") { return true; } else { return false; } } <!DOCTYPE html><html><head

关于安卓手机微信浏览器中使用XMLHttpRequest 2上传图片显示字节数为0的解决办法_javascript技巧

前端JS中使用XMLHttpRequest 2上传图片到服务器,PC端和大部分手机上都正常,但在少部分安卓手机上上传失败,服务器上查看图片,显示字节数为0.下面是上传图片的核心代码: HTML <input type="file" id="choose" capture="camera" accept="image/*"> JavaScript var filechooser = document.getEleme

js动态修改表格行colspan列跨度的方法

 这篇文章主要介绍了js动态修改表格行colspan列跨度的方法,实例分析了javascript动态修改html中table属性的技巧,具有一定参考借鉴价值,需要的朋友可以参考下     本文实例讲述了js动态修改表格行colspan列跨度的方法.分享给大家供大家参考.具体如下: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 <!DOCTYPE h

js动态修改文本框的属性。比如修改密码框的type

问题描述 js动态修改文本框的属性.比如修改密码框的type <input type="text" name="password" id="txt_password" value="请输入登录密码"/> 想在js中对这个文本框的type进行更改,在页面中显示*****,value属性值不能删除 解决方案 <input type="text" name="password"

手机微信浏览器中pdf、office等文件怎么预览?

问题描述 手机微信浏览器中pdf.office等文件怎么预览? pdfObject.js插件能在PC端实现pdf文件预览,但是在手机端就不行啦? 解决方案 手机内存小,cpu弱,不太适合用js来渲染pdf,可以用flashpaper在服务器渲染转换成图片传送客户端,或者客户端下载再打开.

js动态修改整个页面样式达到换肤效果_javascript技巧

jsPro1\js动态修改整个html页面样式(换肤).html 复制代码 代码如下: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>动态修改页面样式

安卓机微信浏览器中CSS动画执行卡顿,怎么解决?

问题描述 安卓机微信浏览器中CSS动画执行卡顿,怎么解决? 移动端web页面,有CSS动画,IOS微信中打开页面,动画执行效果很好,可是安卓机打的页面,CSS动画执行有卡顿,怎么解决 解决方案 我也遇到这个问题了,你的问题解决没

js动态添加的DIV中的onclick事件简单实例_javascript技巧

最简单的是这样: <input type="button" onclick="alert(this.value)" value="我是 button" /> 动态添加onclick事件: <input type="button" value="我是 button" id="bu"> <script type="text/javascript&quo

js 动态修改css文件的方法_javascript技巧

_.find(document.styleSheets[4].cssRules,function(cssRule){ if(cssRule.selectorText && cssRule.selectorText.indexOf(".navbar-fixed-top2")>-1){ cssRule.style.position=""; cssRule.style.top = "0px"; } if(cssRule.selec