结合JQ1.9通过js正则判断各种浏览器版本的方法
如下所示:
$.browser.mozilla = /firefox/.test(navigator.userAgent.toLowerCase());
$.browser.webkit = /webkit/.test(navigator.userAgent.toLowerCase());
$.browser.opera = /opera/.test(navigator.userAgent.toLowerCase());
$.browser.msie = /msie/.test(navigator.userAgent.toLowerCase());
相关推荐
-
js插件方式打开pdf文件(浏览器pdf插件分享)
两种方案:一种直接链接,把pdf文件当作img文件,类似<a href=""/>这种形式,这样链接: 复制代码 代码如下: <frame src="pdf文件的地址"></frame> 另一种:使用js插件哈.其中实现阅读pdf文件的js插件很多,比如:pdf.js:是一个技术原型主要用于在 HTML5 平台上展示 PDF 文档,无需任何本地技术支持:jsPDF:是一个使用Javascript语言生成PDF的开源库(IE暂不支持)
-
js控制浏览器全屏示例代码
复制代码 代码如下: function fullScreen() { var el = document.documentElement; var rfs = el.requestFullScreen || el.webkitRequestFullScreen || el.mozRequestFullScreen || el.msRequestFullScreen; if (typeof rfs != "undefined" && rfs) { rfs.call(el)
-
js+css 实现遮罩居中弹出层(随浏览器窗口滚动条滚动)
js+css 实现遮罩居中弹出层(随浏览器窗口滚动条滚动) 复制代码 代码如下: <!doctype html> <head> <meta charset="utf-8" /> <title></title> <style type="text/css"> *{}{margin:0;padding:0;} html{}{_background:url(about:blank);} /**//*
-
使用js检测浏览器是否支持html5中的video标签的方法
复制代码 代码如下: //检测是否支持HTML5function checkVideo() { if (!!document.createElement('video').canPlayType) { var vidTest = document.createElement("video"); oggTest = vidTest.canPlayType('video/ogg; codecs="theora, vorbis"');
-
用JS在浏览器中创建下载文件
但受限于浏览器,很多情况下我们都只能给出个链接,让用户点击打开->另存为.如下面这个链接: 复制代码 代码如下: <a href="file.js">file.js</a> 用户点击这个链接的时候,浏览器会打开并显示链接指向的文件内容,显然,这并没有实现我们的需求.HTML5中给a标签增加了一个download属性,只要有这个属性,点击这个链接时浏览器就不在打开链接指向的文件,而是改为下载(目前只有chrome.firefox和opera支持). 下载时会
-
浏览器图片选择预览、旋转、批量上传的JS代码实现
工作中遇到的业务场景,和同事一起研究了下,主要是为了兼容IE版本 其实就是一些琐碎的知识点在网上搜集下解决方式,然后集成了下,主要有以下点: 1. IE input type=file的图片预览要用IE的filter css progid:DXImageTransform.Microsoft.AlphaImageLoader chrome/firefox则用File api的file reader 2. 图片旋转,IE用progid:DXImageTransform.Microsoft.Matr
-
利用浏览器全屏api实现js全屏
复制代码 代码如下: (function () { var fullScreenApi = { supportsFullScreen : false, isFullScreen : function () { return false; }, requestFullScreen : function () {}, cancelFullScreen : function () {}, fullScreenEventName : '', prefix : '' }, browser
-
js鼠标滑轮滚动事件绑定的简单实例(兼容主流浏览器)
复制代码 代码如下: /** Event handler for mouse wheel event. *鼠标滚动事件 */ var wheel = function(event) { var delta = 0; if (!event) /* For IE. */ event = window.event; if (event.w
-
JS获取屏幕,浏览器窗口大小,网页高度宽度(实现代码)
网页可见区域宽:document.body.clientWidth 网页可见区域高:document.body.clientHeight 网页可见区域宽:document.body.offsetWidth (包括边线的宽) 网页可见区域高:document.body.offsetHeight (包括边线的宽) 网页正文全文宽:document.body.scrollWidth 网页正文全文高:document.body.scrollHeight 网页被卷去的高:document.body.scr
-
ie浏览器使用js导出网页到excel并打印
在一些要求不是很高的小项目中,可以使用一些虽不是通用且不是新技术但是确实可以很好实现功能的技术来实现这些功能.这样系统不是显示的很复杂,且可以方便维护. 新建一个exportPrint.html页面,里面的代码如下所示,就可以实现导出到Excel和打印网页. 复制代码 代码如下: <html> <head> <title>IE浏览器使用JS技术导出到Excel和打印</title> <style> .table_stat { bor
-
JS获取各种浏览器窗口大小的方法
常用:JS 获取浏览器窗口大小 复制代码 代码如下: // 获取窗口宽度 if (window.innerWidth) winWidth = window.innerWidth; else if ((document.body) && (document.body.clientWidth)) winWidth = document.body.clientWidth; // 获取窗口高度 if (window.innerHeight) winHeight = window.innerHeig
-
ExtJS判断IE浏览器类型的方法
代码在ext里的src\core\ext.js下 最新的ext3.0beat1的代码如下: 复制代码 代码如下: ua = navigator.userAgent.toLowerCase(), check = function(r){ return r.test(ua); }, isStrict = document.compatMode == "CSS1Compat", isOpera = check(/opera/), isChrome = check(/chrome/), isW
-
利用js实现在浏览器状态栏显示访问者在本页停留的时间
问题描述:在状态栏上显示 ,访问者在本页停留的 时间 (如:您在本页停留了 (如:您在本页停留了 X小时 X分 X秒) 该问题相当于是设计一个计时器,用于显示浏览者在该页面停留了多长时间.要解决该问题,我想到的主要有两种方法. 方法一:利用系统时间.即先设置一个变量,用于获取登录开始时间startTime,然后利用setTimeout()函数让页面不停的刷新,在刷新的同时,获取当前时间nowTime,然后用当前时间减去登录开始时间,即为停留时间.在此就不做详细编写.重点说下下面使用到的方法二来进
-
js中事件的处理与浏览器对象示例介绍
复制代码 代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>简单的事件处理</title> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta ht
-
javascript获取浏览器类型和版本的方法(js获取浏览器版本)
复制代码 代码如下: function getExplorerInfo() { var explorer = window.navigator.userAgent.toLowerCase() ; //ie if (explorer.indexOf("msie") >= 0) { var ver=explorer.match(/msie ([\d.]+)/)[1]; return {type:"IE",version:ver}; } //firef
-
js模拟点击以提交表单为例兼容主流浏览器
在实际的应用开发中,我们会常常用到JS的模事件,但有时会遇到一些问题,比如说点击事件,举个简单的例子,点击表单外的"提交"按钮来提交表单.上代码吧. Html: 复制代码 代码如下: <h3>请单击"提交",测试提交按钮的单击事件也被触发了.</h3> <button id="btn">提交</button> <form action="#" method="ge
-
兼容主流浏览器的iframe自适应高度js脚本
兼容主流浏览器的 Iframe 自适应高度,js脚本如下: 复制代码 代码如下: //iframe 高度自适应 function iframeAutoFit(iframeObj) { setTimeout(function () { if (!iframeObj) return; iframeObj.height = (iframeObj.Document ? iframeObj.Document.body.scrollHeight : iframeObj.contentDocument.bod
-
js复制网页内容并兼容各主流浏览器的代码
因需要做一个js单击,复制当前网页url的功能.使用的是如下的方法,但是只能在ie浏览器下正常使用. 方法如下: 复制代码 代码如下: function copyURL(){ var clipBoardContent=""; clipBoardContent+=document.title; clipBoardContent+=""; clipBoardContent+=this.location.href; window.clipboardData.setData
随机推荐
- php项目中百度 UEditor 简单安装调试和调用
- Jquery加载时从后台读取数据绑定到dropdownList实例
- 深入讲解MongoDB的慢日志查询(profile)
- 批处理自动登录QQ小结及相关讨论
- commons io文件操作示例分享
- BootStrap 页签切换失效的解决方法
- js 颜色选择器(兼容firefox)
- ECMall支持SSL连接邮件服务器的配置方法详解
- Android编程实现XML解析与保存的三种方法详解
- Linux下安装Python3和django并配置mysql作为django默认服务器方法
- javascript实现用户点击数量统计
- ajax怎么打开新窗口具体如何实现
- 详解Mysql中的视图
- jQuery表单元素选择器代码实例
- JavaScript头像上传插件源码分享
- jquery实现图片放大点击切换
- node跨域请求方法小结
- The application has failed...(应用程序配置不正确)
- 老生常谈python之鸭子类和多态
- Firefox outerHTML实现代码