一个与浏览器有关的脚本 ,也是大家从事WEb前端编程常见的编程技巧,就是判断浏览器的版本,如果发现版本不符合你的设计要求,就给出提示升级浏览器,这样你的网页会更有体验。只有使用IE6浏览器才会看到效果。
- <html>
- <head>
- <title>判断IE版本并给出提示升级浏览器</title>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- </head>
- <style type="text/CSS">
- #ie6-warning{
- rgb(255,255,225) url("") no-repeat scroll 3px; < /span>
- position:absolute;
- top:0;
- left:0;
- font-size:50px;
- color:#333;
- width:100%;
- height:500px;
- padding: 2px 15px 2px 23px;
- text-align:left;
- line-height: 100px;
- text-align: center;
- z-index: 9999;
- }
- #ie6-warning a {
- text-decoration:none;
- color:green;
- font-size: 40px;
- }
- </style>
- <body>
- <!--[if lte IE 6]>
- <div id="ie6-warning">您正在使用 Internet Explorer 6,<br />在本页面的显示效果可能有差异。<br />建议您升级到 <a href="http://www.microsoft.com/china/windows/internet-explorer/" target="_blank">Internet Explorer 8</a> <br />或以下浏览器: <br /><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>