1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title></title> 5 <script type="text/javascript"> 6 window.onload = function () { 7 for (var f = document.createElement("table"), a = [null, "", " ", 0, "0", void 0, NaN, !1], e, c, b = 0; b <= a.length; b++)if (e = document.createElement("tr"), f.appendChild(e), 0 == b) { 8 e.className = " title"; 9 for (var d = 0; d <= a.length; d++)0 == b && 0 == d ? (c = document.createElement("td"), c.innerHTML = "Compare") : (c = document.createElement("td"), c.innerHTML = "string" === typeof a[d - 1] ? '"' + a[d - 1] + '"' : a[d - 1] + ""), e.appendChild(c) 10 } else for (d = 0; d <= a.length; d++)0 == d ? (c = document.createElement("td"), c.innerHTML = "string" === typeof a[b - 11 1] ? '"' + a[b - 1] + '"' : a[b - 1] + "", e.appendChild(c), c.className = " title") : (c = document.createElement("td"), c.innerHTML = a[b - 1] == a[d - 1], e.appendChild(c)); 12 a = f.childNodes; 13 for (b = 0; b < a.length; b++)a[b].className || (a[b].className = 0 == b % 2 ? "odd" : "even"), a[b].oldClassName = a[b].className, a[b].onmouseover = function () { 14 this.className += " highlight" 15 }, a[b].onmouseout = function () { 16 this.className = this.oldClassName 17 }, document.getElementsByTagName("div")[0].appendChild(f) 18 }; 19 20 </script> 21 <style> 22 /* html{ 23 text-align: center; 24 }*/ 25 table { 26 width: 60%; 27 font-family: Arial, sans-serif; 28 text-align: left; 29 margin: 0 auto; /* 这里主要作用是设置左右margin为auto，这样就能在让容器居中，否则在FF中只是文字在容器中居中.容器继承了body的text-align:center ，文字也居中了 */ 30 /*border-color: #000000;*/ 31 border: #334455 solid thin; 32 } 33 34 body { 35 text-align: center; 36 background: #666677; 37 } 38 39 .odd { 40 background-color: #cccccc; 41 } 42 43 .even { 44 background-color: #c6eccb; 45 } 46 47 .title { 48 background-color: #ffc353; 49 } 50 51 .highlight { 52 background-color: #eecc88; 53 font-style: italic; 54 font-family: fantasy; 55 } 56 57 td { 58 font-family: Helvetica, serif; 59 font-size: 12px; 60 width: 50px; 61 } 62 63 tr { 64 line-height: 1em; 65 } 66 67 tr.title>td { 68 text-align: center; 69 font-size: 14px; 70 font-weight: bold; 71 font-style: italic; 72 line-height: 1.5em; 73 } 74 75 p { 76 font: italic normal bold 14px normal; 77 } 78 79 h1 { 80 font: italic normal bold 20pt "Times New Roman"; 81 } 82 </style> 83 84 </head> 85 <body> 86 <div> 87 <h1>hello world</h1> 88 89 <p>注意:在if()判断体内自动转为false的是:0,'',undefined,null,NaN。而' ','0'在if()判断体中为true</p> 90 </div> 91 </body> 92 </html>