javascript falsy value 

 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>

 

posted @ 2013-08-09 11:22  eyotata  阅读(336)  评论(0)    收藏  举报