浏览器功能

1.0 浏览器判断

如下代码判断是手机还是电脑访问的网站

 function IsPC () {

   var userAgentInfo = navigator.userAgent

   var Agents = ['Android', 'iPhone', 'SymbianOS', 'Windows Phone', 'iPad', 'iPod']

   var flag = true

   for (var i = 0; i < Agents.length; i++) {

     if (userAgentInfo.indexOf(Agents[i]) > 0) {

       flag = false

       break

     }

   }

   return flag

 }

判断IE,微信,安卓

 // ie浏览器

 function isIE () {

   var userAgent = navigator.userAgent

   return userAgent.indexOf('compatible') > -1 && userAgent.indexOf('MSIE') > -1 && !isOpera

 }

 // 微信浏览器

 function isWeiChat () {

   var userAgent = navigator.userAgent

   return userAgent.toLowerCase().indexOf('micromessenger') > -1 // 微信浏览器

 }

 // 是否是安卓

 function isAndroid () {

   var userAgent = navigator.userAgent

   return userAgent.indexOf('Android') > -1 || userAgent.indexOf('Adr') > -1

 }

具体信息

 function BrowserType () {

   var userAgent = navigator.userAgent

   var isOpera = userAgent.indexOf('Opera') > -1

   var isIE = userAgent.indexOf('compatible') > -1 && userAgent.indexOf('MSIE') > -1 && !isOpera

   var isEdge = userAgent.indexOf('Edge') > -1

   var isFF = userAgent.indexOf('Firefox') > -1

   var isSafari = userAgent.indexOf('Safari') > -1 && userAgent.indexOf('Chrome') == -1

   var isChrome = userAgent.indexOf('Chrome') > -1 && userAgent.indexOf('Safari') > -1

   if (isIE) {

     var reIE = new RegExp('MSIE (\\d+\\.\\d+);').test(userAgent)

     var fIEVersion = parseFloat(RegExp['$1'])

     if (fIEVersion === 7) {

       return 'IE7'

     } else if (fIEVersion === 8) {

       return 'IE8'

     } else if (fIEVersion === 9) {

       return 'IE9'

     } else if (fIEVersion === 10) {

       return 'IE10'

     } else if (fIEVersion === 11) {

       return 'IE11'

     } else {

       return null //IE版本过低

   }

   if (isFF) {

     return 'FF'

   } else if (isOpera) {

     return 'Opera'

   } else if (isSafari) {

     return 'Safari'

   } else if (isChrome) {

     return 'Chrome'

   } else if (isEdge) {

     return 'Edge'

   }

 }

1.1 复制黏贴

完成复制功能

 // 复制

 function copy () {

  var input = document.getElementById('input')

  input.select()

  document.execCommand('Copy')

 }

 document.execCommand('SelectAll') // 打开

 document.execCommand('SaveAs') // 另存为

 document.execCommand('Print') // 打印

 document.execCommand('Cut', 'false', null) // 剪切
1.2 页面宽高
用如下代码
 document.body.clientWidth // 网页可见区域宽

 document.body.clientHeight // 网页可见区域高

 document.body.offsetWidth // 网页可见区域宽 (包括边线的宽)

 document.body.offsetHeight // 网页可见区域高 (包括边线的高)

 document.body.scrollWidth // 网页正文全文宽

 document.body.scrollHeight // 网页正文全文高

 document.body.scrollTop // 网页被卷去的高

 document.body.scrollLeft // 网页被卷去的左

 window.screenTop // 网页正文部分上

 window.screenLeft // 网页正文部分左

 window.screen.height // 屏幕分辨率的高

 window.screen.width // 屏幕分辨率的宽

 window.screen.availHeight // 屏幕可用工作区高度

 window.screen.availWidth // 屏幕可用工作区宽度
1.3 cookie

js操作cookie

 // 设置cookies

 function setCookie (op) {

   var key = op.key

   var value = op.value

   var time = op.time || 2 * 24 * 60 * 60 * 1000 // 默认2天

   var url = op.url ? ';path=/;domain=.' + op.url : ''

   var exp = new Date()

   exp.setTime(exp.getTime() + time)

   document.cookie = key + '=' + escape(value) + ';expires=' + exp.toGMTString() + url

 }

 // 获取cookies

 function getCookie (key) {

   if (typeof key === 'string') {

     return getOne(key)

   } else if (key instanceof Array) {

     var cookie = {}

     key.forEach(function (item) {

       cookie[item] = getOne(item)

     })

     return cookie

   }

   function getOne (name) {

     var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)')

     var arr = document.cookie.match(reg)

     if (arr) return unescape(arr[2])

     return null

   }

 }

 // 移除Cookie

 function removeCookie (key) {

   var exp = new Date()

   exp.setTime(exp.getTime() - 1)

   var value = getCookie(key)

   if(value != null) document.cookie = key + "=" + value + ";expires=" + exp.toGMTString()

 }
 setTimeout(function(a){console.log(a)}, 2000, 'done');//done
//setTimeout用法,setTimeout(回调函数,时间,参数1,...,参数n)。

实用JS代码的更多相关文章

  1. 实用js代码大全

    实用js代码大全 //过滤数字 <input type=text onkeypress="return event.keyCode>=48&&event.keyC ...

  2. JavaScript学习总结(10)——实用JS代码大全

    事件源对象  event.srcElement.tagName  event.srcElement.type 捕获释放  event.srcElement.setCapture();   event. ...

  3. 实用的JS代码段(表单篇)

    整理了下比较实用的Javascript代码段,完整的代码参考 1 多个window.onload方法 由于onload方法时在页面加载完成后,自动调用的.因此被广泛的使用,但是弊端是只能实用onloa ...

  4. 实用在线小工具 -- JS代码压缩工具

        实用在线小工具 -- JS代码压缩工具 将JS代码进行压缩可以减少内存占用,下面链接是一个在线JS代码压缩工具,它将多余的空格和换行符压缩了. JS代码压缩工具链接:http://jspack ...

  5. 让JS代码Level提升的忍者秘籍(实用)

    本文章共2377字,预计阅读时间5-10分钟. 前言 没有前言. 你准备好成为同事眼中深藏不露.高深莫测.阳光帅气的前端开发了吗? 那就开始吧! 本文秉承宗旨:代码实用与逼格并存. 提升JS代码Lev ...

  6. 超级实用且不花哨的js代码大全

    事件源对象 event.srcElement.tagName event.srcElement.type 捕获释放 event.srcElement.setCapture(); event.srcEl ...

  7. (转)超级实用且不花哨的js代码大全

    事件源对象 event.srcElement.tagName event.srcElement.type 捕获释放 event.srcElement.setCapture();  event.srcE ...

  8. 最新的JavaScript核心语言标准——ES6,彻底改变你编写JS代码的方式!【转载+整理】

    原文地址 本文内容 ECMAScript 发生了什么变化? 新标准 版本号6 兑现承诺 迭代器和for-of循环 生成器 Generators 模板字符串 不定参数和默认参数 解构 Destructu ...

  9. 中国省市 JS代码

    很实用的一段JS代码, 用户注册的时候,选择地址常用到.代码如下: <script language="javascript"> var g_selProvince; ...

随机推荐

  1. 用IBM MQ中间件开发碰到的MQRC_NOT_AUTHORIZED(2035)问题

    我在一台工作站上面部署了MQ服务器,在MQ服务器中我建立了队列管理器MQ_TEST,在该队列管理器中我建立了一个本地队列MQ_Q以及一个服务器连接通道MQ_C,MQ_C中的MCA用户标识默认为空.同时 ...

  2. linux centos6 yum 安装lamp

    centos 6.5 1.yum安装和源代码编译在使用的时候没啥区别,但是安装的过程就大相径庭了,yum只需要3个命令就可以完成,源代码需要13个包,还得加压编译,步骤很麻烦,而且当做有时候会出错,源 ...

  3. Docker和Rancher

    Docker打包流程: Dockerfile文件和要打包docker的文件放在同级目录下: 1. docker build -t proj:proj-app:0.0.1 返回tagXXX 2. doc ...

  4. LOJ 3055 「HNOI2019」JOJO—— kmp自动机+主席树

    题目:https://loj.ac/problem/3055 先写了暴力.本来想的是 n<=300 的那个在树上暴力维护好整个字符串, x=1 的那个用主席树维护好字符串和 nxt 数组.但 x ...

  5. Mysql索引分类和索引优化

    一. MySQL: 索引以B树格式保存 Memory存储引擎可以选择Hash或BTree索引,Hash索引只能用于=或<=>的等式比较. 1.普通索引:create index on Ta ...

  6. windows的消息传递--消息盒子

    例如对windows发消息让文本选中.     SendMessage(Text1.hwnd,EM_GETSEL,0,-1 ); EC_LEFTMARGIN(&H1) EC_USEFONTIN ...

  7. Linux From Scratch [3]

    1. 为了编译glibc,我们需要kernel header. make mrproper # clean kernel tree make INSTALL_HDR_PATH=dest headers ...

  8. python+selenium自动化软件测试(第3章):unittes

    From: https://blog.csdn.net/site008/article/details/77622472 3.1 unittest简介 前言 (python基础比较弱的,建议大家多花点 ...

  9. ALGO-120_蓝桥杯_算法训练_学做菜

    问题描述 涛涛立志要做新好青年,他最近在学做菜.由于技术还很生疏,他只会用鸡蛋,西红柿,鸡丁,辣酱这四种原料来做菜,我们给这四种原料标上字母A,B,C,D. 涛涛现在会做的菜有五种: . 西红柿炒鸡蛋 ...

  10. 【AMQ】之JMS Mesage structure(JMS消息结构)

    Δ消息体:JMS API 定义了5种消息格式也叫消息类型,可以使用不同形式发送和接收数据,并可以兼容现有的消息格式 TextMessage,MapMessage,ByteMessage,StreamM ...