一：Javascript內置對象Math
1：Math.random() 代碼實例
代碼:
<html>
<head>
<title>用Math.random()得出0-1之間隨機數的Javascript示例</title>
</head>
<body>
<script type="text/javascript">
document.write(Math.random())
</script>
<p>該Javascript示例解釋：這個示例用到了Math.random()，這個函數返回值是一個大于等于0，且小于1的隨機數。你可以測試一下，多點幾次上面的藍色按鈕，會發現，每次出來的數字，都是隨機的，不同的。</p>
</body>
</html>
2：得到一個0-10之間隨機整數
代碼:
<html>
<head>
<title>用Math.random()和Math.round得到一個0-10之間隨機整數的Javascript示例</title>
</head>
<body>
<script type="text/javascript">
var vNum
vNum = Math.random()
vNum = Math.round(vNum*10)
document.write(vNum)
</script>
<p>該Javascript示例解釋：這個示例用到了Math.random()，這個函數返回值是一個大于等于0，且小于1的隨機數。得到隨機數之后，將這個隨機數乘以10，那么就得到一個大于等于0，小于10之間的數值，然后再用Math.round四舍五入一下，得到最接近的一個整數。這樣最后返回的值是一個大于等于0，小于等于10的整數。</p>
</body>
</html>
3：用 Math.max 返回一個最大值
代碼:
<html>
<head>
<title>用Math.max在眾多數值里返回一個最大值的Javascript示例</title>
</head>
<body>
<script type="text/javascript">
document.write(Math.max(2,6,12,3,9,45,7))
</script>
<p>該Javascript示例解釋：用Math.max(number1,number2,number3,…numberN)可以在n個數值中返回一個最大值。
</p>
</body>
</html>
4：用 Math.min 返回一個最小值
代碼:
<html>
<head>
<title>用Math.min在眾多數值里返回一個最小值的Javascript示例</title>
</head>
<body>
<script type="text/javascript">
document.write(Math.min(2,6,12,3,9,45,7))
</script>
<p>該Javascript示例解釋：用Math.min(number1,number2,number3,…numberN)可以在n個數值中返回一個最小值。
</p>
</body>
</html>
5：使用 Math.round 四舍五入
代碼:
<html>
<head>
<title>使用Math.round四舍五入返回最接近的整數的Javascript示例</title>
</head>
<body>
<script type="text/javascript">
document.write(Math.round(6.15))
document.write("<br>")
document.write(Math.round(6.5))
</script>
<p>該Javascript示例說明：用Math.round(number)可以返回參數number四舍五入后最接近整數的值。如果 number的小數部分大于等于0.5，返回值是大于number的最小整數。否則，round返回小于等于number 的最大整數。這個示例中，參數number分別是6.15和6.5，得出的結果分別是6和7。</p>
</body>
</html>
6：隨機出圖片的實例代碼
以下內容需要回復才能看到
代碼:
<html>
<head>
<title>一個隨機出圖片的Javascript示例(用到Math.random()和Math.round方法)</title>
</head>
<body>
<script type="text/javascript">
vNum = Math.random();
vNum = Math.round(vNum*10);
vNum="<img src = \"document.write(vNum);
</script>
<p>該Javascript示例解釋：首先使用Math.random()得到一個大于等于0，小于1的隨機數；然后將隨機數乘以10，得到一個大于等于0，小于10的數值；然后用Math.round四舍五入得到一個最接近的整數，這個整數在大于等于0，小于等于10的范圍；然后將這個隨機整數和HTML代碼結合起來，就可以隨機產生不同的圖片。</p>
</body>
</html>
二：Javascript內置對象String
1：length 屬性代碼實例
代碼:
<html>
<head>
<title>用length屬性得到字符串長度的Javascript示例</title>
</head>
<body>
<script type="text/javascript">
var vText="I like blabla.cn"
document.write("<p>" + vText + "</p>")
document.write(vText.length)
</script>
<p>Javascript示例代碼解釋：首先聲明一個變量vText，將"I like blabla.cn"賦值給vText，然后用document.write將其顯示出來；然后用length屬性，計算得出vText的長度，并將其顯示出來，vText里面包含16個字符，空格也是計算在內的，最后得出結果就是16。如果你寫中文，就會得出中文字符的長度。比如你寫，"我就喜歡布啦布啦"，就會得到這個字符串的長度，是8。
</p>
</body>
</html>
2：indexOf 方法代碼實例
代碼:
<html>
<head>
<title>用indexOf方法返回String對象內第一次出現子字符串的字符位置的Javascript示例</title>
</head>
<body>
<script type="text/javascript">
var vText="I like blabla.cn"
var vNo=vText.indexOf("b")
document.write("<p>" + vText + "</p>")
document.write(vNo)
</script>
<p>該Javascript示例代碼解釋：首先申明變量vText，將"I like blabla.cn"賦值給vText，然后聲明另外一個變量vNo，vNo的值就是vText字符串中第一次出現"b"的位置數值，就是7。然后用 document.write將vText和vNo顯示出來。
</p>
<p>這個示例用到String對象的indexOf方法，這個方法indexOf返回一個整數值，指出String對象內子字符串的開始位置。如果沒有找到子字符串，則返回-1。
</p>
</body>
</html>
3：lastIndexOf 方法代碼實例
代碼:
<html>
<head>
<title>用lastIndexOf方法返回String對象內最后一次出現子字符串的字符位置的示例</title>
</head>
<body>
<script type="text/javascript">
var vText="I like blabla.cn"
var vNo=vText.lastIndexOf("b")
document.write("<p>" + vText + "</p>")
document.write(vNo)
</script>
<p>該Javascript示例代碼解釋：首先申明變量vText，將"I like blabla.cn"賦值給vText，然后聲明另外一個變量vNo，vNo的值就是vText字符串中最后一次出現"b"的位置數值，就是10。然后用 document.write將vText和vNo顯示出來。
</p>
<p>這個示例用到String對象的lastIndexOf方法，這個lastIndexOf方法返回一個整數值，指出String對象內子字符串的最后位置。如果沒有找到子字符串，則返回-1。
</p>
</body>
</html>
4：substring 方法代碼實例
代碼:
<html>
<head>
<title>用substring方法返回一個字符串中指定那部分子字符串Javascript示例</title>
</head>
<body>
<script type="text/javascript">
var vText="I like blabla.cn"
var vSubText=vText.substring(7,13)
document.write("<p>" + vText + "</p>")
document.write(vSubText)
</script>
<p>該Javascript示例代碼解釋：首先申明變量vText，將"I like blabla.cn"賦值給vText，然后聲明另外一個變量vSubText，變量vSubText的值為從vText第7個字符到第12個字符那部分，即"blabla"，然后用document.write將vText和vSubText顯示出來。</p>
<p>這個示例用到String對象的substring(start, end)方法， start表示子字符串的起始位置，end表示子字符串的結束位置，substring(start, end)方法會返回一個包含從start到end(注:不包含end)的子字符串。
</p>
</body>
</html>
5：substr 方法代碼實例
代碼:
<html>
<head>
<title>用substr方法返回從指定位置開始的指定長度的子字符串的Javascript示例</title>
</head>
<body>
<script type="text/javascript">
var s, ss;
s = "Desperate Housewives";
ss = s.substr(12, 5);
document.write(ss);
</script>
<p>該Javascript示例代碼解釋：首先申明變量s和ss，然后將"Desperate Housewives"賦值給s，然后用substr方法去從s的第13個字符取值，取5個字符，即"usewi"，賦值給ss，然后用 document.write將ss顯示出來。</p>
<p>這個示例用到String對象的substr(start [,length ])方法， start表示子字符串的起始位置，字符串中的第一個字符的索引為 0；length表示在返回的子字符串中應包括的字符個數。
</p>
</body>
</html>
6：toUpperCase 方法代碼實例
代碼:
<html>
<head>
<title>用toUpperCase方法將字符串中所有字母變成大寫的Javascript示例</title>
</head>
<body>
<script type="text/javascript">
var vText="I like blabla.cn"
var vUpText=vText.toUpperCase(vText)
document.write("<p>" + vText + "</p>")
document.write(vUpText)
</script>
<p>該Javascript示例代碼解釋：首先申明變量vText，將"I like blabla.cn"賦值給vText，然后聲明另外一個變量vUpText，用toUpperCase方法將vText所有字母變成大寫，然后將值賦給 vUpText，然后用document.write將vText和vUpText顯示出來。</p>
<p>這個示例用到String對象的toUpperCase方法，這個方法可以將所給字符串中的所有字母都被轉化為大寫字母。toUpperCase方法對非字母字符不會產生影響。
</p>
</body>
</html>
7：toLowerCase 方法代碼實例
以下內容需要回復才能看到
代碼:
<html>
<head>
<title>用toLowerCase方法將字符串中所有字母變成小寫的Javascript示例</title>
</head>
<body>
<script type="text/javascript">
var vText="I like BLABLA.cn.我喜歡布啦布啦"
var vLowText=vText.toLowerCase(vText)
document.write("<p>" + vText + "</p>")
document.write(vLowText)
</script>
<p>該Javascript示例代碼解釋：首先申明變量vText，將"I like BLABLA.cn.我喜歡布啦布啦"賦值給vText，然后聲明另外一個變量vLowText，用toLowerCase方法將vText所有字母變成小寫，然后將值賦給vLowText，然后用document.write將vText和vLowText顯示出來。</p>
<p>這個示例用到String對象的toLowerCase方法，這個方法可以將所給字符串中的所有字母都被轉化為小寫字母。toLowerCase方法對非字母字符不會產生影響。
</p>
</body>
</html>
三：Javascript內置對象Date
1：如何顯示當天日期(yyyy-mm-dd)年，月，日
代碼:
<html>
<head>
<title>如何顯示當天日期(yyyy-mm-dd)的Javascript示例(用到Date對象的getFullYear,getMonth和getDate方法)</title>
</head>
<body>
<script type="text/javascript">
var d = new Date()
var vYear = d.getFullYear()
var vMon = d.getMonth() + 1
var vDay = d.getDate()
document.write(vYear)
document.write("-")
document.write(vMon<10 ? "0" + vMon : vMon)
document.write("-")
document.write(vDay<10 ? "0"+ vDay : vDay )
</script>
<p>Javascript示例代碼解釋：這個示例用到了Javascript內置對象Date的getFullYear,getMonth 和getDate方法。首先申明一個變量d，var d = new Date()，表示將當天的日期值賦給變量d。然后使用getFullYear得到年份的值，用getMonth得到月份值(注：getMonth返回值范圍為0到11，所以要得到實際的月份，還要加1)，用getDate得到當天日期所在月份的日期值。</p>
<p>這個示例還用到了"test?語句1:語句2"，意思是如果符合test條件，那么執行語句1，否則使用語句2。計算月和日都用到了這個語法，如果月和日小于10，在月和日的值之前應該加0。</p>
</body>
</html>
2：如何顯示當天時間(hh:nn:ss)時，分，秒
代碼:
<html>
<head><title>如何顯示當天時間(hh:nn:ss)的Javascript示例(用到Date對象的getHours,getMinutes和getSeconds方法)</title></head>
<body>
<script type="text/javascript">
var d = new Date()
var vHour = d.getHours()
var vMin = d.getMinutes()
var vSec = d.getSeconds()
document.write(vHour<10 ? "0" + vHour : vHour)
document.write(":")
document.write(vMin<10 ? "0" + vMin : vMin)
document.write(":")
document.write(vSec<10 ? "0"+ vSec : vSec )
</script>
<p>Javascript示例代碼解釋：這個示例用到了Javascript內置對象Date的getFullYear,getMonth 和getDate方法。首先申明一個變量d，var d = new Date()，表示將當天的日期值賦給變量d。然后使用getHours得到小時的值，用Minutes得到分鐘值，用getSeconds得到秒的值。</p>
<p>這個示例還用到了"test?語句1:語句2"，意思是如果符合test條件，就執行語句1，否則執行語句2。計算小時，分鐘和秒都用到了這個語法，如果小時，分鐘和秒小于10，在其值之前應該加0。</p>
</body>
</html>
四：Javascript內置對象Array
1：Javascript內置對象Array
代碼:
<html>
<head>
<title>一個創建數組(Array)，向數組賦值，并顯示數組各項內容的Javascript示例</title>
</head>
<body>
<script type="text/javascript">
var aName = new Array(4)
aName[0] = "張靚穎"
aName[1] = "周筆暢"
aName[2] = "何潔"
aName[3] = "李宇春"
for (i=0; i<4; i++)
{
document.write(aName[i] + "
")
}
</script>
<p>該Javascript示例解釋：首先用var aName = new Array(4)，聲明變量aName為一個數組(array)，數組的大小為4；然后給數組的每項賦值，比如aName[0] = "張靚穎"，表示數組第一項值為"張靚穎"(注： 數組下標是以0開始計，而不是以1開始計)；最后用一個循環語句顯示數組的每一項的值。
</p>
</body>
</html>
2： 數組的 length 屬性
代碼:
<html>
<head><title>一個數組(Array)的length屬性示例(如果是連續數組，可以用其來求數組的元素個數)</title></head>
<body>
<script type="text/javascript">
var a = new Array( );
a[0] = "布啦布啦";
a[1] = "document.write (a.length);
</script>
<p>該Javascript示例解釋：Javascript數組的length屬性的返回值，是數組中所定義的最高位元素的下標加1后得出的值。
這個示例中，首先聲明變量a為一個數組，然后向a的第一個元素賦值，即a[0] = "布啦布啦"；然后向a的第二個元素賦值，即a[1] = "
如果是連續數組，可以用length屬性來求數組的元素個數
注：因為一個數組中的元素并不一定是連續的，所以 length 屬性也并不一定就等于數組中的元素個數。假設將a[1] = "var a,aa;
a = new Array(2,4,6,8,10);
aa = a.reverse();
document.write (aa);
</script>
<p>該Javascript解釋：這個示例用到了Javascript數組(Array)的reverse方法，該方法能將數組的內容反轉。
該示例中，首先聲明了兩個變量a和aa；然后定義a為數組，并賦值給a；然后用reverse方法將數組a的內容反轉，并賦值給變量aa；最后用document.write顯示數組aa的值。
</p>
</body>
</html>
4：concat 方法實例代碼
代碼:
<html>
<head>
<title>用concat方法將兩個或更多數組組合在一起的Javascript示例</title>
</head>
<body>
<script type="text/javascript">
var a, b, c, d,e;
a = new Array(1,2,3);
b = new Array("布啦布啦", "blabla.cn");
c = "fine";
d = a.concat(b);
e = a.concat(b, c);
document.write(d + "
" + e);
</script>
<p>該Javascript示例解釋：使用數組(Array)對象的concat方法，能將兩個或更多數組組合起來。該示例中，首先聲明變量a和b為數組，并賦值，聲明c為一個字符串并賦值；然后用concat方法，其中d = a.concat(b)，表示將a和b兩個數組組合起來，并賦值給d，同樣用concat方法，將a,b,c組合起來，并賦值給e；最后用 document.write將d, e分別顯示出來。
注：concat(item1, item2, …, itemN)要加的項目(item1 … itemN)會按照從左到右的順序添加到數組。如果該項目不是數組，就將其作為單個的數組元素添加到數組的末尾。
</p>
</body>
</html>
5：join 方法代碼實例
代碼:
<html>
<head>
<title>用join方法返回一個將數組所有元素用指定符號連在一起的字符串</title>
</head>
<body>
<script type="text/javascript">
var a, b;
a = new Array(0,1,2,3,4);
b = a.join("-");
document.write(b)
</script>
<p>該Javascript示例解釋：首先聲明變量a為數組，并賦值給a；然后用join方法定義連接符號為"-"，然后賦值給b，并用document.write將b顯示出來。
數組(Array)對象的join方法，會返回一個字符串，這個字符串包含了所給數組的所有元素，這些元素通過join方法作指定的連接符號連在一起。
</p>
</body>
</html>
6：pop() 方法實例代碼
代碼:
<html>
<head>
<title>用pop()方法移除數組中的最后一個元素并返回該元素的Javascript示例</title>
</head>
<body>
<script type="text/javascript">
var a, b;
a = new Array(0,1,2,3,4);
b = a.pop();
document.write(b + "
")
document.write(a)
</script>
<p>該Javascript示例解釋：數組(Array)對象的pop()方法，用來移除數組中的最后一個元素并返回該元素。
這個示例中，b = a.pop()，表示移除數組a中最后一個元素，即4，并返回4。執行pop()方法之后，再顯示數組a，你就會看到數組a比原來少了一個元素4。</p>
</body>
</html>
7：shift() 方法實例代碼
代碼:
<html>
<head>
<title>用shift()方法移除數組中的第一個元素并返回該元素的Javascript示例</title>
</head>
<body>
<script type="text/javascript">
var a, b;
a = new Array(0,1,2,3,4);
b = a.shift();
document.write(b + "
")
document.write(a)
</script>
<p>該Javascript示例解釋：數組(Array)對象的shift()方法，用來移除數組中的第一個元素并返回該元素。
這個示例中，b = a.shift()，表示移除數組a中第一個元素，即0，并返回0。執行shift()方法之后，再顯示數組a，你就會看到數組a比原來少了一個元素0。</p>
</body>
</html>
8：slice 方法實例代碼
代碼:
<html>
<head>
<title>用slice方法返回數組一部分的Javascript示例</title>
</head>
<body>
<script type="text/javascript">
var a;
a = new Array("a","b","c","d","e");
document.write(a.slice(0,3) + "
");
document.write(a.slice(-3,4) + "
");
document.write(a.slice(0,-1) + "
");
document.write(a.slice(1) + "
");
document.write(a.slice(4,3));
</script>
<p>該Javascript示例解釋：這個示例用到了數組(Array)對象的Slice(start,[end])方法，該方法返回一個新數組，包含了源函數從start到 end 所指定的元素，但是不包括end元素，比如a.slice(0,3)；如果 start 為負，將它作為 length + start處理，此處 length 為數組的長度，比如a.slice(-3,4)，相當于a.slice(2,4)。如果 end 為負，就將它作為 length + end 處理，此處 length 為數組的長度，比如a.slice(0,-1)。如果省略 end ，那么 slice 方法將一直復制到源數組結尾，比如a.slice(1)。如果 end 出現在 start 之前，不復制任何元素到新數組中，比如a.slice(4,3)。</p>
</body>
</html>
400 186 1886
