JS 判断浏览器版本然后显示提示
<script>FuckInternetExplorer()functionFuckInternetExplorer(){varbrowser=navigator.app...
<script>
FuckInternetExplorer()
function FuckInternetExplorer() {
var browser = navigator.appName;
var b_version = navigator.appVersion;
var version = b_version.split(";");
if (version.length > 1) {
var trim_Version = parseInt(version[1].replace(/[ ]/g, "").replace(/MSIE/g, ""));
if (trim_Version < 9) {
alert(123) // ①
document.getElementById("caa").style.display="block";//②
return false;
}
}
alert(true)
return true;
}
</script>
这段代码是判断浏览器版本低于IE9的就显示caa这个层 用①的alert可以弹出 但是用②的时候没作用 这样写不对吗?
html代码就是一个div id=caa display=none的 我只是想低于IE9的时候显示id=caa的层而已 展开
FuckInternetExplorer()
function FuckInternetExplorer() {
var browser = navigator.appName;
var b_version = navigator.appVersion;
var version = b_version.split(";");
if (version.length > 1) {
var trim_Version = parseInt(version[1].replace(/[ ]/g, "").replace(/MSIE/g, ""));
if (trim_Version < 9) {
alert(123) // ①
document.getElementById("caa").style.display="block";//②
return false;
}
}
alert(true)
return true;
}
</script>
这段代码是判断浏览器版本低于IE9的就显示caa这个层 用①的alert可以弹出 但是用②的时候没作用 这样写不对吗?
html代码就是一个div id=caa display=none的 我只是想低于IE9的时候显示id=caa的层而已 展开
3个回答
2015-11-11 · 知道合伙人互联网行家
关注
展开全部
判断浏览器的版本,如果发现版本不符合设计要求,就给出提示升级浏览器,这样网页会更有体验。
方式是比较直接的方式,先判断 userAgent 中如果有出现较高版本的话,那就是依该版本为主:
当要使用时,就能用 $.browser.msie6~10 来做判断处理了。另一种就是直接修正 jQuery.browser.version
实现代码如下:
<html>
<head>
<title>判断IE版本并给出提示升级浏览器</title>
</head>
<style type="text/css">
#ie6-warning{
background:rgb(255,255,225) url("/jscss/demoimg/201006/warning.gif") no-repeat scroll 3px center;
position:absolute;
top:0;
left:0;
font-size:12px;
color:#333;
width:97%;
padding: 2px 15px 2px 23px;
text-align:left;
}
#ie6-warning a {
text-decoration:none;
}
</style>
<body>
<!--[if lte IE 6]>
<div id="ie6-warning">您正在使用 Internet Explorer 6,在本页面的显示效果可能有差异。建议您升级到 <a href="http://www.microsoft.com/china/windows/internet-explorer/" target="_blank">Internet Explorer 8</a> 或以下浏览器: <a href="http://www.mozillaonline.com/">Firefox</a> / <a href="http://www.google.com/chrome/?hl=zh-CN">Chrome</a> / <a href="http://www.apple.com.cn/safari/">Safari</a> / <a href="http://www.operachina.com/">Opera</a>
</div>
<script type="text/javascript">
function position_fixed(el, eltop, elleft){
// check if this is IE6
if(!window.XMLHttpRequest)
window.onscroll = function(){
el.style.top = (document.documentElement.scrollTop + eltop)+"px";
el.style.left = (document.documentElement.scrollLeft + elleft)+"px";
}
else el.style.position = "fixed";
}
position_fixed(document.getElementById("ie6-warning"),0, 0);
</script>
<![endif]-->
</body>
</html>
方式是比较直接的方式,先判断 userAgent 中如果有出现较高版本的话,那就是依该版本为主:
当要使用时,就能用 $.browser.msie6~10 来做判断处理了。另一种就是直接修正 jQuery.browser.version
实现代码如下:
<html>
<head>
<title>判断IE版本并给出提示升级浏览器</title>
</head>
<style type="text/css">
#ie6-warning{
background:rgb(255,255,225) url("/jscss/demoimg/201006/warning.gif") no-repeat scroll 3px center;
position:absolute;
top:0;
left:0;
font-size:12px;
color:#333;
width:97%;
padding: 2px 15px 2px 23px;
text-align:left;
}
#ie6-warning a {
text-decoration:none;
}
</style>
<body>
<!--[if lte IE 6]>
<div id="ie6-warning">您正在使用 Internet Explorer 6,在本页面的显示效果可能有差异。建议您升级到 <a href="http://www.microsoft.com/china/windows/internet-explorer/" target="_blank">Internet Explorer 8</a> 或以下浏览器: <a href="http://www.mozillaonline.com/">Firefox</a> / <a href="http://www.google.com/chrome/?hl=zh-CN">Chrome</a> / <a href="http://www.apple.com.cn/safari/">Safari</a> / <a href="http://www.operachina.com/">Opera</a>
</div>
<script type="text/javascript">
function position_fixed(el, eltop, elleft){
// check if this is IE6
if(!window.XMLHttpRequest)
window.onscroll = function(){
el.style.top = (document.documentElement.scrollTop + eltop)+"px";
el.style.left = (document.documentElement.scrollLeft + elleft)+"px";
}
else el.style.position = "fixed";
}
position_fixed(document.getElementById("ie6-warning"),0, 0);
</script>
<![endif]-->
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
这样写是对的,可能你用来测试的浏览器版本过高,你可以用IE8或者以下的浏览器来试试看;
<div id="caa" style="display: none; width: 100px;height: 100px;background-color: red;"></div>
<div id="caa" style="display: none; width: 100px;height: 100px;background-color: red;"></div>
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询