浏览器功能

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. Gravitee.io api gateway 试用

    以前写过几篇关于整体介绍的以及 使用docker 运行的简单说明,有了docker-compose 环境我们可以 方便的进行测试使用了. 环境准备 docker-compose 文件   versio ...

  2. nginx https配置——Let's Encrypt 部署和维护

    let's encrypt Let's Encrypt 的最大贡献是它的 ACME 协议,第一份全自动服务器身份验证协议,以及配套的基础设施和客户端.这是为了解决一直以来 HTTPS TLS X.50 ...

  3. js将网址转为二维码并下载图片

    将一个网址转为二维码, 下面可以添加文字, 还提供下载功能 利用的是 GitHub上面的qrcode.js 和canvas <!DOCTYPE html> <html> < ...

  4. vim使用技巧大全

    1.vim清空内容 光标移到第一行,然后在非插入模式按10000后然后点dd .要嫌笨的话就在非插入模式下输入:.,$d 一回车就全没了 2.vim光标跳转操作 1.跳到文本的最后一行:按“G”,即“ ...

  5. Centos维护命令

    1.查看系统版本 cat /etc/issue cat /etc/redhat-release 3. cat /proc/version 4.uname -a 显示如下 5 uname -r (二)查 ...

  6. 一个OpenGL小程序

    发个没什么技术含量的文,最近准备通过opengl的学习来好好c++,于是找了网上的教程来搭建opengl的编写环境,建了个空项目,又找了个案例稍微改了改运行了下,还成,ok了~喜不自禁~ 贴个图: 代 ...

  7. Atom窗口切换和放大或者缩小

    Atom窗口切换和放大或者缩小   快捷键就是 F11

  8. git 日常

    git 恢复到上一个版本比如执行 git commit 命令之后 做了一些修改 恢复到上一个版本 1.修改一个文件想回到修改前 直接 git checkout -- filename 2.修改过文件, ...

  9. 纯css实现

    实现此效果 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22  <!DOCTYPE html><html lang=& ...

  10. 在linux下使用am335x的DMA

    [本文首发于cnblogs,作者:byeyear,Email:east3@163.com] 这几天在弄am3358的DMA,简化应用环境如下: am3358的FSMC接了一片FPGA: FPGA上接A ...