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