jquery browser alert输出判断验证各个浏览器版本类型代码



210 839 280



特效描述:jquery browser alert 输出判断 验证浏览器版本,使用jquery技术校验当前IE 、 CHROME、FIREFOX几大主流浏览器类型,可以判断使用的代码是否存在兼容性问题

代码结构

1. 引入JS

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.js"></script>

2. HTML代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jquery 校验浏览器类型</title>
<script type="text/javascript">
$(document).ready(function(){
	// Target Firefox 2 and above
	if ($.browser.mozilla && $.browser.version >= "1.8" ){
	    // do something
		alert("火狐浏览器!");
	}
	 
	// Target Safari 高版本适用 
	if( $.browser.safari ){//尚未检测是否能够判断safari浏览器是否可以校验
	    // do something
		alert("Google浏览器!");
	}
	// Target Chrome 某些低版本适用
	if( $.browser.chrome){
	    // do something
		alert("谷歌浏览器");
	}
	 
	// Target Camino
	if( $.browser.camino){
	    // do something
		alert("Camino浏览器");
	}
	 
	// Target Opera
	if( $.browser.opera){
	    // do something
		alert("Opera浏览器");
	}
	 
	// Target IE6 and below
	if ($.browser.msie && $.browser.version <= 6 ){
	    // do something
		alert("IE6 及IE6以下版本浏览器");
	}
	 
	// Target anything above IE6
	if ($.browser.msie && $.browser.version > 6){
	    // do something
		alert("IE6以上版本浏览器");
	}
});
</script>
</head>
<body>
</body>
</html>



用户评论
大牛,别默默的看了,快登录帮我点评一下吧!:)      登录 | 注册


热门标签: 右键菜单 图片头像上传 文字提示框 文件上传 提示框/弹出层 文本框 layer 下拉框 lightbox 复选 单选 Tooltip工具提示框 登录框 浮动提示框 注册框 html5弹窗动画 搜索框 验证码 二级联动 三级联动 城市选择 value赋值 筛选 按钮控制 购物车 颜色选择 表单提交 全选/反选 添加删除 添加标签 密码强度验证 表单验证 html5按钮动画 按钮样式 密码修改设置 弹出层拖动 窗口提示框 切换按钮 form表单

×
×

注册

官方QQ群

扫描上面二维码加微信群

官方QQ群

jQuery/js讨论群
群号:642649996
Css3+Html5讨论群
群号:322131262

加群请备注:从官网了解到