实用JS代码

浏览器功能

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