1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 5 <title>jQuery测试</title> 6 <style type="text/css"> 7 8 </style> 9 <script type="text/javascript" src="jquery-1.7.2.min.js"></script> 10 <script type="text/javascript"> 11 $(function(){ 12 13 $('#btnTrans').css('display','none').bind('click',function(){window.self.location.replace('messagebox.html');}); 14 15 var isSupportHtml5 = false; 16 17 if($.browser.msie) 18 { 19 var ver = $.browser.version; 20 if(parseInt(ver) >= 9) 21 { 22 isSupportHtml5 = true; 23 } 24 else 25 { 26 isSupportHtml5 = false; 27 } 28 } 29 else 30 { 31 isSupportHtml5 = true; 32 } 33 34 if(isSupportHtml5) 35 { 36 $('#msg').text("恭喜，您的浏览器支持HTML5，是否跳转到HTML页面浏览"); 37 $('#btnTrans').css('display',''); 38 } 39 else 40 { 41 $('#msg').text("对不起，您的浏览器不支持HTML5"); 42 $('#btnTrans').css('display','none'); 43 } 44 }); 45 </script> 46 47 </head> 48 49 <body> 50 <div> 51 <span id="msg"></span><input id="btnTrans" type="button" value="点此，跳转" /> 52 </div> 53 </body> 54 </html>