实用JS代码
浏览器功能
如下代码判断是手机还是电脑访问的网站
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) // 剪切
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 // 屏幕可用工作区宽度
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代码的更多相关文章
- 实用js代码大全
实用js代码大全 //过滤数字 <input type=text onkeypress="return event.keyCode>=48&&event.keyC ...
- JavaScript学习总结(10)——实用JS代码大全
事件源对象 event.srcElement.tagName event.srcElement.type 捕获释放 event.srcElement.setCapture(); event. ...
- 实用的JS代码段(表单篇)
整理了下比较实用的Javascript代码段,完整的代码参考 1 多个window.onload方法 由于onload方法时在页面加载完成后,自动调用的.因此被广泛的使用,但是弊端是只能实用onloa ...
- 实用在线小工具 -- JS代码压缩工具
实用在线小工具 -- JS代码压缩工具 将JS代码进行压缩可以减少内存占用,下面链接是一个在线JS代码压缩工具,它将多余的空格和换行符压缩了. JS代码压缩工具链接:http://jspack ...
- 让JS代码Level提升的忍者秘籍(实用)
本文章共2377字,预计阅读时间5-10分钟. 前言 没有前言. 你准备好成为同事眼中深藏不露.高深莫测.阳光帅气的前端开发了吗? 那就开始吧! 本文秉承宗旨:代码实用与逼格并存. 提升JS代码Lev ...
- 超级实用且不花哨的js代码大全
事件源对象 event.srcElement.tagName event.srcElement.type 捕获释放 event.srcElement.setCapture(); event.srcEl ...
- (转)超级实用且不花哨的js代码大全
事件源对象 event.srcElement.tagName event.srcElement.type 捕获释放 event.srcElement.setCapture(); event.srcE ...
- 最新的JavaScript核心语言标准——ES6,彻底改变你编写JS代码的方式!【转载+整理】
原文地址 本文内容 ECMAScript 发生了什么变化? 新标准 版本号6 兑现承诺 迭代器和for-of循环 生成器 Generators 模板字符串 不定参数和默认参数 解构 Destructu ...
- 中国省市 JS代码
很实用的一段JS代码, 用户注册的时候,选择地址常用到.代码如下: <script language="javascript"> var g_selProvince; ...
随机推荐
- Gravitee.io api gateway 试用
以前写过几篇关于整体介绍的以及 使用docker 运行的简单说明,有了docker-compose 环境我们可以 方便的进行测试使用了. 环境准备 docker-compose 文件 versio ...
- nginx https配置——Let's Encrypt 部署和维护
let's encrypt Let's Encrypt 的最大贡献是它的 ACME 协议,第一份全自动服务器身份验证协议,以及配套的基础设施和客户端.这是为了解决一直以来 HTTPS TLS X.50 ...
- js将网址转为二维码并下载图片
将一个网址转为二维码, 下面可以添加文字, 还提供下载功能 利用的是 GitHub上面的qrcode.js 和canvas <!DOCTYPE html> <html> < ...
- vim使用技巧大全
1.vim清空内容 光标移到第一行,然后在非插入模式按10000后然后点dd .要嫌笨的话就在非插入模式下输入:.,$d 一回车就全没了 2.vim光标跳转操作 1.跳到文本的最后一行:按“G”,即“ ...
- Centos维护命令
1.查看系统版本 cat /etc/issue cat /etc/redhat-release 3. cat /proc/version 4.uname -a 显示如下 5 uname -r (二)查 ...
- 一个OpenGL小程序
发个没什么技术含量的文,最近准备通过opengl的学习来好好c++,于是找了网上的教程来搭建opengl的编写环境,建了个空项目,又找了个案例稍微改了改运行了下,还成,ok了~喜不自禁~ 贴个图: 代 ...
- Atom窗口切换和放大或者缩小
Atom窗口切换和放大或者缩小 快捷键就是 F11
- git 日常
git 恢复到上一个版本比如执行 git commit 命令之后 做了一些修改 恢复到上一个版本 1.修改一个文件想回到修改前 直接 git checkout -- filename 2.修改过文件, ...
- 纯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=& ...
- 在linux下使用am335x的DMA
[本文首发于cnblogs,作者:byeyear,Email:east3@163.com] 这几天在弄am3358的DMA,简化应用环境如下: am3358的FSMC接了一片FPGA: FPGA上接A ...