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