vue 如何添加全局函数或全局变量以及单页面的title设置总结


Posted in Javascript onJune 01, 2017

传统的设置title的方法是:document.title = ‘title'

但是这种写法在iOS的微信上是不兼容的

这里设置title的方法是通过在百度搜索的所谓黑科技,避免了安卓和iOS的不兼容写法

首先在index.html中定义一个全局的函数:

var setTitle = function (title) {
     var u = navigator.userAgent
     var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1
     var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/)
     if (isAndroid) {
      document.title = title
     } else if (isiOS) {
      var $body = $('body')
      document.title = title
      var $iframe = $('<iframe src="/favicon.ico"></iframe>')
      $iframe.on('load', function () {
       window.setTimeout(function () {
        $iframe.off('load').remove()
       }, 0)
      }).appendTo($body)
     }
    }

然后再需要设置title的组件里面调用这个方法即可

写法是:

setTitle('XXOO')

这样的话就行了

全局变量的设置也一样,这里就不多说了……

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
JQuery 解析多维的Json数据格式
Nov 02 Javascript
循环 vs 递归浅谈
Feb 28 Javascript
js对table的td进行相同内容合并示例详解
Dec 27 Javascript
JS表的模拟方法
Feb 05 Javascript
实现前后端数据交互方法汇总
Apr 07 Javascript
JS响应鼠标点击实现两个滑块区间拖动效果
Oct 26 Javascript
基于jQuery实现交互体验社会化分享代码附源码下载
Jan 04 Javascript
Boostrap模态窗口的学习小结
Mar 28 Javascript
浅谈js的url解析函数封装
Jun 28 Javascript
ES6 系列之 WeakMap的使用示例
Aug 06 Javascript
微信小程序动态设置图片大小的方法
Nov 21 Javascript
js实现弹窗效果
Aug 09 Javascript
详解VUE 定义全局变量的几种实现方式
Jun 01 #Javascript
详解vue过滤器在v2.0版本用法
Jun 01 #Javascript
angularJs使用$watch和$filter过滤器制作搜索筛选实例
Jun 01 #Javascript
js随机生成一个验证码
Jun 01 #Javascript
JS实现简单抖动效果
Jun 01 #Javascript
深入理解vue中的$set
Jun 01 #Javascript
详解angular中的作用域及继承
May 31 #Javascript
You might like
自动生成文章摘要的代码[PHP 版本]
2007/03/20 PHP
PHP如何抛出异常处理错误
2011/03/02 PHP
PHP各种异常和错误的拦截方法及发生致命错误时进行报警
2016/01/19 PHP
js 实现的可折叠留言板(附源码下载)
2014/07/01 Javascript
jQuery CSS()方法改变现有的CSS样式表
2014/09/09 Javascript
AngularJS的表单使用详解
2015/06/17 Javascript
javascript常用函数(1)
2015/11/04 Javascript
AngularJS使用ngOption实现下拉列表的实例代码
2016/01/23 Javascript
Bootstrap布局组件应用实例讲解
2016/02/17 Javascript
JavaScript实现输入框与清空按钮联动效果
2016/09/09 Javascript
BootStrap中jQuery插件Carousel实现轮播广告效果
2017/03/27 jQuery
Bootstrap实现的经典栅格布局效果实例【附demo源码】
2017/03/30 Javascript
axios实现简单文件上传功能
2019/09/25 Javascript
[01:07:11]Secret vs Newbee 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/17 DOTA
基于wxPython的GUI实现输入对话框(1)
2019/02/27 Python
django 消息框架 message使用详解
2019/07/22 Python
python 实现按对象传值
2019/12/26 Python
pytorch中的卷积和池化计算方式详解
2020/01/03 Python
将pycharm配置为matlab或者spyder的用法说明
2020/06/08 Python
class类在python中获取金融数据的实例方法
2020/12/10 Python
css3 transform属性详解
2014/09/30 HTML / CSS
Html5插件教程之添加浏览器放大镜效果的商品橱窗
2016/01/07 HTML / CSS
TUMI香港官网:国际领先的行李箱、背囊品牌
2021/03/01 全球购物
大学军训感言300字
2014/03/09 职场文书
颁奖典礼主持词
2014/03/25 职场文书
大学生应聘求职信
2014/05/26 职场文书
团队精神口号
2014/06/06 职场文书
授权委托书格式
2014/07/31 职场文书
师德标兵先进事迹材料
2014/12/19 职场文书
员工年终考核评语
2014/12/31 职场文书
工作失职检讨书
2015/01/26 职场文书
个人总结格式范文
2015/03/09 职场文书
2015年置业顾问工作总结
2015/04/07 职场文书
管辖权异议上诉状
2015/05/23 职场文书
运动会广播稿50字
2015/08/19 职场文书
毕业欢送晚会主持词
2019/06/25 职场文书