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 相关文章推荐
用js查找法实现当前栏目的高亮显示的代码
Nov 24 Javascript
javascript 单例/单体模式(Singleton)
Apr 07 Javascript
JavaScript中的null和undefined区别介绍
Jan 01 Javascript
四种参数传递的形式——URL,超链接,js,form表单
Jul 24 Javascript
js实现点击向下展开的下拉菜单效果代码
Sep 01 Javascript
jquery制作图片时钟特效
Mar 30 Javascript
轻松使用jQuery双向select控件Bootstrap Dual Listbox
Dec 13 Javascript
javascript history对象详解
Feb 09 Javascript
axios向后台传递数组作为参数的方法
Aug 11 Javascript
详解vue后台系统登录态管理
Apr 02 Javascript
JS实现判断移动端PC端功能
Feb 21 Javascript
pnpm对npm及yarn降维打击详解
Aug 05 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常用代码
2006/11/23 PHP
简单介绍PHP的责任链编程模式
2015/08/11 PHP
javascript学习笔记(九) js对象 设计模式
2012/06/19 Javascript
jquery 实现checkbox全选,反选,全不选等功能代码(奇数)
2012/10/24 Javascript
给页面渲染时间加速 干掉Dom Level 0 Event
2012/12/19 Javascript
通过javascript获取iframe里的值示例代码
2013/06/24 Javascript
jquery ajax属性async(同步异步)示例
2013/11/05 Javascript
基于jquery异步传输json数据格式实例代码
2013/11/23 Javascript
js点击button按钮跳转到另一个新页面
2014/10/10 Javascript
理解Javascript文件动态加载
2016/01/29 Javascript
js滑动提示效果代码分享
2016/03/10 Javascript
Bootstrap 3.x打印预览背景色与文字显示异常的解决
2016/11/06 Javascript
初探nodeJS
2017/01/24 NodeJs
JS如何判断浏览器类型和详细区分IE各版本浏览器
2017/03/04 Javascript
Angular中点击li标签实现更改颜色的核心代码
2017/12/08 Javascript
layui的select联动实现代码
2019/09/28 Javascript
mpvue实现小程序签到金币掉落动画(api实现)
2019/10/17 Javascript
在Linux下调试Python代码的各种方法
2015/04/17 Python
从Python的源码来解析Python下的freeblock
2015/05/11 Python
举例讲解Python编程中对线程锁的使用
2016/07/12 Python
Django REST为文件属性输出完整URL的方法
2017/12/18 Python
好的Python培训机构应该具备哪些条件
2018/05/23 Python
在python 中split()使用多符号分割的例子
2019/07/15 Python
django序列化serializers过程解析
2019/12/14 Python
Python如何使用bokeh包和geojson数据绘制地图
2020/03/21 Python
基于pytorch中的Sequential用法说明
2020/06/24 Python
python如何获得list或numpy数组中最大元素对应的索引
2020/11/16 Python
python爬虫实现爬取同一个网站的多页数据的实例讲解
2021/01/18 Python
RentCars.com巴西:汽车租赁网站
2016/08/22 全球购物
美国女性运动零售品牌:Lady Foot Locker
2017/05/12 全球购物
ColourPop美国官网:卡拉泡泡,洛杉矶彩妆品牌
2019/04/28 全球购物
公司新员工的演讲稿注意事项
2014/01/01 职场文书
学校清明节活动总结
2014/07/04 职场文书
技术股份合作协议书
2014/10/05 职场文书
教师节座谈会主持词
2015/07/03 职场文书
如何书写邀请函?
2019/06/24 职场文书