读书人

JavaScript基本门类

发布时间: 2013-03-17 13:48:32 作者: rapoo

JavaScript基本类型

?

二.字符串型

JavaScript基本门类
?

三.数值型


JavaScript基本门类
?

四.函数


JavaScript基本门类
??

附源代码:

?

1.布尔型?

<!DOCTYPE HTML PUBLIC "-//W 3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>JavaScript Boolean型测试</title></head> <body>       <div align="center">       <B>布尔型</B></div><br>       <table align="center" border="1" width="70%">              <tr>                      <th>序号</th>                     <th>表达式</th>                     <th>值</th>              </tr>              <tr>                     <td>1</td>                     <td>+true</td>                     <td><input id=res1></input></td>              </tr>              <tr>                     <td>2</td>                     <td>+false</td>                     <td><input id=res2></input></td>              </tr>              <tr>                     <td>3</td>                     <td>parseInt(true)</td>                     <td><input id=res3></input></td>              </tr>              <tr>                     <td>4</td>                     <td>parseInt(false)</td>                     <td><input id=res4></input></td>              </tr>              <tr>                     <td>5</td>                     <td>true + ""</td>                     <td><input id=res5></input></td>              </tr>              <tr>                     <td>6</td>                     <td>false + ""</td>                     <td><input id=res6></input></td>              </tr>              <tr>                     <td>7</td>                     <td>new Boolean(true)</td>                     <td><input id=res7></input></td>              </tr>              <tr>                     <td>8</td>                     <td>new Boolean(false)</td>                     <td><input id=res8></input></td>              </tr>              <tr>                     <td>9</td>                     <td>new Boolean("true")</td>                     <td><input id=res9></input></td>              </tr>              <tr>                     <td>10</td>                     <td>new Boolean("false")</td>                     <td><input id=res10></input></td>              </tr>              <tr>                     <td>11</td>                     <td>true == "0"</td>                     <td><input id=res11></input></td>              </tr>              <tr>                     <td>12</td>                     <td>false == "0"</td>                     <td><input id=res12></input></td>              </tr>              <tr>                     <td>13</td>                     <td>true == "1"</td>                     <td><input id=res13></input></td>              </tr>              <tr>                     <td>14</td>                     <td>false == "1"</td>                     <td><input id=res14></input></td>              </tr>       </table>       <table align="center" border="0" width="70%">              <button id=calculateResult onClick="calculateResult(this.form)">生成结果</button>       </table></body></html><script>       function calculateResult() {              res1.value = +true;              res2.value = +false;              res3.value = parseInt(true);              res4.value = parseInt(false);              res5.value = true + "";              res6.value = false + "";              res7.value = new Boolean(true);              res8.value = new Boolean(false);              res9.value = new Boolean("true");              res10.value = new Boolean("false");              res11.value = true == "0";              res12.value = false == "0";              res13.value = true == "1";              res14.value = false == "1";       }</script>

?

2. 字符串型

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>JavaScript Character型测试</title></head> <body>       <div align="center">       <B>字符串型</B></div><br>       <table align="center" border="1" width="70%">              <tr>                      <th>序号</th>                     <th>表达式</th>                     <th>值</th>              </tr>              <tr>                     <td>1</td>                     <td>parseInt("1.2")</td>                     <td><input id=res1></input></td>              </tr>              <tr>                     <td>2</td>                     <td>parseInt("1.2 ")</td>                     <td><input id=res2></input></td>              </tr>              <tr>                     <td>3</td>                     <td>parseInt(" 1.5")</td>                     <td><input id=res3></input></td>              </tr>              <tr>                     <td>4</td>                     <td>parseInt("1.2XX")</td>                     <td><input id=res4></input></td>              </tr>              <tr>                     <td>5</td>                     <td>parseInt("0xff")</td>                     <td><input id=res5></input></td>              </tr>              <tr>                     <td>6</td>                     <td>parseInt("010")</td>                     <td><input id=res6></input></td>              </tr>              <tr>                     <td>7</td>                     <td>parseInt("str")</td>                     <td><input id=res7></input></td>              </tr>              <tr>                     <td>8</td>                     <td>parseInt(".1")</td>                     <td><input id=res8></input></td>              </tr>              <tr>                     <td>9</td>                     <td>parseFloat(".1")</td>                     <td><input id=res9></input></td>              </tr>              <tr>                     <td>10</td>                     <td>"str" == new String("str")</td>                     <td><input id=res10></input></td>              </tr>              <tr>                     <td>11</td>                     <td>"str" === new String("str")</td>                     <td><input id=res11></input></td>              </tr>              <tr>                     <td>12</td>                     <td>"" ? true:false</td>                     <td><input id=res12></input></td>              </tr>              <tr>                     <td>13</td>                     <td>"0" ? true:false</td>                     <td><input id=res13></input></td>              </tr>              <tr>                     <td>14</td>                     <td>"str" ? true:false</td>                     <td><input id=res14></input></td>              </tr>              <tr>                     <td>15</td>                     <td>"" == 0</td>                     <td><input id=res15></input></td>              </tr>              <tr>                     <td>16</td>                     <td>"0" == false</td>                     <td><input id=res16></input></td>              </tr>              <tr>                     <td>17</td>                     <td>"1.2" == 1.2</td>                     <td><input id=res17></input></td>              </tr>       </table>       <table align="center" border="0" width="70%">              <button id=calculateResult onClick="calculateResult(this.form)">生成结果</button>       </table></body></html><script>       function calculateResult() {              res1.value = parseInt("1.2");              res2.value = parseInt("1.2 ");              res3.value = parseInt(" 1.5");              res4.value = parseInt("1.2XX");              res5.value = parseInt("0xff");              res6.value = parseInt("010");              res7.value = parseInt("str");              res8.value = parseInt(".1");              res9.value = parseFloat(".1");              res10.value = "str" == new String("str");              res11.value = "str" === new String("str");              res12.value = "" ? true:false;              res13.value = "0" ? true:false;              res14.value = "str" ? true:false;              res15.value = "" == 0;              res16.value = "0" == false;              res17.value = "1.2" == 1.2;       }</script>

?

?

3. 数值型

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>JavaScript Number型测试</title></head> <body>       <div align="center">       <B>数值型</B></div><br>       <table align="center" border="1" width="70%">              <tr>                      <th>序号</th>                     <th>表达式</th>                     <th>值</th>              </tr>              <tr>                     <td>1</td>                     <td>1.2 + ""</td>                     <td><input id=res1></input></td>              </tr>              <tr>                     <td>2</td>                     <td>NaN + ""</td>                     <td><input id=res2></input></td>              </tr>              <tr>                     <td>3</td>                     <td>isNaN("1.2")</td>                     <td><input id=res3></input></td>              </tr>              <tr>                     <td>4</td>                     <td>isNaN("1.2 ")</td>                     <td><input id=res4></input></td>              </tr>              <tr>                     <td>5</td>                     <td>isNaN("1.2XXX")</td>                     <td><input id=res5></input></td>              </tr>              <tr>                     <td>6</td>                     <td>NaN == NaN</td>                     <td><input id=res6></input></td>              </tr>              <tr>                     <td>7</td>                     <td>(0.1+0.2) == 0.3</td>                     <td><input id=res7></input></td>              </tr>              <tr>                     <td>8</td>                     <td>1 == true</td>                     <td><input id=res8></input></td>              </tr>              <tr>                     <td>9</td>                     <td>0 == false</td>                     <td><input id=res9></input></td>              </tr>       </table>       <table align="center" border="0" width="70%">              <button id=calculateResult onClick="calculateResult(this.form)">生成结果</button>       </table></body></html><script>       function calculateResult() {              res1.value = 1.2 + "";              res2.value = NaN + "";              res3.value = isNaN("1.2");              res4.value = isNaN("1.2 ");              res5.value = isNaN("1.2XXX");              res6.value = NaN == NaN;              res7.value = (0.1+0.2) == 0.3;              res8.value = 1 == true;              res9.value = 0 == false;       }</script>

?

?

4. 函数

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>JavaScript Function测试</title></head> <body>       <div align="center">       <B>函数</B></div><br>       <table align="center" border="1" width="70%">              <tr>                      <th>序号</th>                     <th>表达式</th>                     <th>值</th>              </tr>              <tr>                     <td>1</td>                     <td>[] + ""</td>                     <td><input id=res1></input></td>              </tr>              <tr>                     <td>2</td>                     <td>[12,22,33] + ""</td>                     <td><input id=res2></input></td>              </tr>              <tr>                     <td>3</td>                     <td>+[]</td>                     <td><input id=res3></input></td>              </tr>              <tr>                     <td>4</td>                     <td>+[9]</td>                     <td><input id=res4></input></td>              </tr>              <tr>                     <td>5</td>                     <td>+[12,22,33]</td>                     <td><input id=res5></input></td>              </tr>              <tr>                     <td>6</td>                     <td>{} + ""</td>                     <td><input id=res6></input></td>              </tr>              <tr>                     <td>7</td>                     <td>+{}</td>                     <td><input id=res7></input></td>              </tr>              <tr>                     <td>8</td>                     <td>function(){}</td>                     <td><input id=res8></input></td>              </tr>              <tr>                     <td>9</td>                     <td>+function(){}</td>                     <td><input id=res9></input></td>              </tr>              <tr>                     <td>10</td>                     <td>new Date()</td>                     <td><input id=res10></input></td>              </tr>              <tr>                     <td>11</td>                     <td>+new Date()</td>                     <td><input id=res11></input></td>              </tr>              <tr>                     <td>12</td>                     <td>[] == 0</td>                     <td><input id=res12></input></td>              </tr>              <tr>                     <td>13</td>                     <td>[] == false</td>                     <td><input id=res13></input></td>              </tr>              <tr>                     <td>14</td>                     <td>[0] == false</td>                     <td><input id=res14></input></td>              </tr>              <tr>                     <td>15</td>                     <td>[] ? true:false</td>                     <td><input id=res15></input></td>              </tr>              <tr>                     <td>16</td>                     <td>[0] ? true:false</td>                     <td><input id=res16></input></td>              </tr>       </table>       <table align="center" border="0" width="70%">              <button id=calculateResult onClick="calculateResult(this.form)">生成结果</button>       </table></body></html><script>       function calculateResult() {              res1.value = [] + "";              res2.value = [12,22,33] + "";              res3.value = +[];              res4.value = +[9];              res5.value = +[12,22,33];              res6.value = {} + "";              res7.value = +{};              res8.value = function(){};              res9.value = +function(){};              res10.value = new Date();              res11.value = +new Date();              res12.value = [] == 0;              res13.value = [] == false;              res14.value = [0] == false;              res15.value = [] ? true:false;              res16.value = [0] ? true:false;       }</script>

?

?

?

读书人网 >JavaScript

热点推荐