一段实现井字形表格的CSS，兼...-Dojo学习笔记（一）：Hello Dojo!...-javascript判定不同浏览器

当前位置: 编程技术>WEB前端

本页文章导读:

▪一段实现井字形表格的CSS，兼容IE7、IE8、IE9、IE10、Firefox、Chrome 效果图：html+css代码： 1 <!DOCTYPE html> 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>井字形表格</title> .........

▪Dojo学习笔记（一）：Hello Dojo! 让我们开始吧开始学习Dojo的最简洁方法之一就是通过内容分发网络（CDN）来获取它，这将会让我们起步很快，使用CDN就意味着你的浏览器要接入互联网这种方法将是我们快速地进入使用Dojo。.........

▪javascript判定不同浏览器除了另无它法，肯定不使用navigator.userAgent来判定浏览器。因为在第一次浏览器大战初期，Netscape占绝对统计地位，大部分人们不愿意兼容其他浏览器，并通过检测其UA让他们的网站只允许Netsca.........

[1]一段实现井字形表格的CSS，兼容IE7、IE8、IE9、IE10、Firefox、Chrome

来源: 发布时间: 2013-11-06

效果图：

html+css代码：

1 <!DOCTYPE html>
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>井字形表格</title>
6 <style type="text/css">
7 table {
8 border-collapse: collapse;
9 border: none;
10 background-color: #ccc;
11 }
12
13 table td {
14 border: 1px dashed black;
15 padding: 5px;
16 border-bottom: none; /*去除表格下边的边框*/
17 border-right: none; /*去除表格右边的边框*/
18 }
19
20 /*去除表格上边的边框*/
21 table tr:first-child td {
22 border-top: none;
23 }
24
25 /*去除表格左边的边框*/
26 table tr td:first-child {
27 border-left: none;
28 }
29 </style>
30 </head>
31 <body>
32 <table>
33 <tr>
34 <td>内容</td>
35 <td>内容</td>
36 <td>内容</td>
37 <td>内容</td>
38 </tr>
39 <tr>
40 <td

[2]Dojo学习笔记（一）：Hello Dojo!

来源: 发布时间: 2013-11-06

让我们开始吧

开始学习Dojo的最简洁方法之一就是通过内容分发网络（CDN）来获取它，这将会让我们起步很快，使用CDN就意味着你的浏览器要接入互联网

这种方法将是我们快速地进入使用Dojo。对于一些产品应用或者大规模开发，我们接下来将介绍其他的一些能发挥更好性能的开发方法。

本文链接

[3]javascript判定不同浏览器

来源: 发布时间: 2013-11-06

除了另无它法，肯定不使用navigator.userAgent来判定浏览器。因为在第一次浏览器大战初期，Netscape占绝对统计地位，大部分人们不愿意兼容其他浏览器，并通过检测其UA让他们的网站只允许Netscape访问，这就逼使其他浏览器（包括IE）修改自己的UA伪装成 Netscape来通过那些自以为是的脚本，于是出现每个人都声称自己是别人的局面，即使最新的IE9的UA也是:

//Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 6.0; Trident/5.0)

//2010 4 16日更新

ie = !+"\v1" ;

ie = !-[1,];//IE9预览版中失效

ie ='\v'=='v' ;

ie = !!document.recalc

ie = !!window.VBArray

ie = !!window.ActiveXObject

ie = 0//@cc_on+1;

ie = !!window.createPopup;

ie = /*@cc_on!@*/!1;

ie = document.expando;//document.all在opera firefox的古老版本也存在

ie = /\w/.test('\u0130') //由群里的abcd友情提供

ie6 = !"1"[0] //利用IE6或IE5的字符串不能使用数组下标的特征

ie8 = !!window.XDomainRequest;

ie9 = document.documentMode && document.documentMode === 9;

//自创，基于条件编译的嗅探脚本，IE会返回其JS引擎的版本号，非IE返回0

var ieVersion = eval("''+/*@cc_on"+" @_jscript_version@*/-0")*1

ie9 = ieVersion === 5.9

ie8 = ieVersion === 5.8

ie7 = ieVersion === 5.7

ie6 = ieVersion === 5.6

ie5 = ieVersion === 5.5

//https://developer.mozilla.org/En/Windows_Media_in_Netscape

netscape = !!window.GeckoActiveXObject

gecko = !!window.netscape //包括firefox

firefox = !!window.Components

firefox = !!window.updateCommands

safari = !!(navigator.vendor && navigator.vendor.match(/Apple/))

safari = window.openDatabase && !window.chrome;

chrome= !!(window.chrome && window.google)

opera=!!window.opera ;

//傲游2 3

maxthon = /maxthon/i.test(navigator.userAgent)

//360安全浏览器

is360se = /360se/i.test(navigator.userAgent)