
您好,不需要js就可以达到你要的效果,只需要一段代码即可判断
<!--[if lt IE 8]><style>#no-ie{display:block}</style>
<![endif]-->
提示语:
您的浏览器版本过低,为了您的账户安全和支付体验,建议您升级;
不过具体的html和css需要自己来写或者用这篇文章里面的:
js检测IE9及以下浏览器版本并做出提示
做网页有时候会用到JS检测IE的版本,下面是检测Microsoft Internet Explorer版本的三种代码!第一种:
<script type="text/javascript">
var browser=navigator.appName
var b_version=navigator.appVersion
var version=b_version.split("")
var trim_Version=version[1].replace(/[ ]/g,"")
if(browser=="Microsoft Internet Explorer" &&trim_Version=="MSIE6.0")
{
alert("IE 6.0")
}
else if(browser=="Microsoft Internet Explorer" &&trim_Version=="MSIE7.0")
{
alert("IE 7.0")
}
else if(browser=="Microsoft Internet Explorer" &&trim_Version=="MSIE8.0")
{
alert("IE 8.0")
}
else if(browser=="Microsoft Internet Explorer" &&trim_Version=="MSIE9.0")
{
alert("IE 9.0")
}
</script>
第二种:
<script type="text/javascript">
if(navigator.appName == "Microsoft Internet Explorer" &&navigator.appVersion .split("")[1].replace(/[ ]/g,"")=="MSIE6.0")
{
alert("IE 6.0")
}
else if(navigator.appName == "Microsoft Internet Explorer" &&navigator.appVersion .split("")[1].replace(/[ ]/g,"")=="MSIE7.0")
{
alert("IE 7.0")
}
else if(navigator.appName == "Microsoft Internet Explorer" &&navigator.appVersion .split("")[1].replace(/[ ]/g,"")=="MSIE8.0")
{
alert("IE 8.0")
}
else if(navigator.appName == "Microsoft Internet Explorer" &&navigator.appVersion .split("")[1].replace(/[ ]/g,"")=="MSIE9.0")
{
alert("IE 9.0")
}
</script>
第三种:
<script type="text/javascript">
if(navigator.appName == "Microsoft Internet Explorer" &&navigator.appVersion.match(/7./i)=="7.")
{
alert("IE 7.0")
}
else if(navigator.appName == "Microsoft Internet Explorer" &&navigator.appVersion.match(/8./i)=="8.")
{
alert("IE 8.0")
}
else if(navigator.appName == "Microsoft Internet Explorer" &&navigator.appVersion.match(/9./i)=="9.")
{
alert("IE 9.0")
}
else if(navigator.appName == "Microsoft Internet Explorer")
{
alert("IE 6.0")
}
</script>
需要准备的材料分别有:电脑、chrome浏览器、html编辑器。
1、首先打开html编辑器,新建一个html文件,例如:index.html。
2、在index.html中的<body>标签中,输入以下html代码:
<input type="text" placeholder="请输入账号" />
<input type="password" placeholder="请输入密码" />
3、浏览器运行index.html页面,此时的输入框有了提示文字“请输入账号”,密码框有了提示文字“请输入密码”。
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)