js学习笔记2
Variable 的設定
<script>
var area = 10 ← 設定 area 這變數及給予 10 的始值, 這是標準語法。
document.write(area) ← 這會顯示 10 。
</script>
break continue do...while for for...in
if...else label switch while with
x=Math.round(Math.random()*100 )
Math.round(number)
必选项 number 参数是要舍入到最接近整数的值。
说明
如果 number 的小数部分大于等于 0.5，返回值是大于 number 的最小整数。否则，round 返回小于等于 number 的最大整数。
Math.random( )
说明
产生的伪随机数介于 0 和 1 之间（含 0，不含 1），也就是，返回值可能为0，但总是小于1。在第一次加载 JScript 时随机数发生器自动产生 。
with
在練習-45, 你看到如何產生隨意數 (random number), 這是使用 Math 這 object 的功能, 例如:
<script>
function play( )
{ x=Math.round(Math.random( )*100 )
y=Math.round(Math.random( )*100 )
}
</script>
若有很多 statement 都用到 Math 這 object, 可以使用 with(Math) 這方式來簡化各句子, 例如:
<script>
function play()
{ with(Math)
{ x=round(random()*100 )
y=round(random()*100 )
}
}
</script>
在一些模糊情況, 我們要給瀏覽器明確的指示, 瀏覽器才知道如何處理, 在這例子, 我們可以用以下方法:
1. 使用 eval( ) , 例如: a = eval(x) + eval(y)
2. 使用 Number( ) , 例如: a = Number(x) + Number(y)
3. 若是整數, 可使用 parseInt( ) , 例如 a=parseInt(x) + parseInt(y)
4. 有小數可使用 parseFloat( ) , 例如 a=parseFloat(x) + parseFloat(y)
document.forms[0].elements[2].value='View the 1st picture'
這是將 forms[0] 內的第三個元件 (elements[2] ) 上的文字變為 'View the 1st picture' 。
在實際編寫網頁時, 我們多數會直接使用元件的名稱, 例如
document.fm1.bn.value='View the 1st picture'
這方法較為方便。
要指定 array 內某一個成員, 可以使用陣列編號, 例如 colors[1] 是 blue, colors[5] 是 gold, 我們也可直接使用成員的名稱, 例如 colors["blue"] 或 colors["gold"] 等等。
1、arrayName,concat()
concat 是 concatenation(结合)的缩写，是用来连接两个array，传回一个新的array
<html> <body>
<script>
colors1=new Array("red","green","blue","white","black")
colors2=new Array("indigo", "violet", "white", "yellow")
colors3=colors1.concat(colors2)
for (i=0; i < colors3.length; i++)
{ document.write( colors3[i] + " <br> " ) }
</script>
</body> </html>
2、arrayName.join()
这是用来将一列array 的成员变为文字，语法是
arrayName.join(separator)
separator 是用來分隔各 成員的符號, 預設是 ， ,
3、arrayName.pop()
(Netscape-3 及 IE-4 無效)
這是將最後一個成員挑出, 並傳回這成員的名稱, array 的 length 也縮少一個,
4、arrayName.push()
这是在array之尾加上新成员，length也自动加长，若新加多個成員, push( ) 會傳回最後的一個成員的名稱,
5、arrayName.reverse()
这个市用来将一个array倒排，新阵列放回原有名称内
<script>
colors = new Array ( "red","green","blue","white","black" )
colors.reverse( )
</script>
6、arrayName.shift()
将第一个成员跳出，并回传，lenth-1
7、arrayName.slice()
语法是arrayName.slice(begin,end)
将指定的一列成员抽出，原有的数组不变
8、arrayName.aplice()
這是用來在一個陣列中加進新成員, 或減去已有的成員, 利用這 method, 我們可以在一個陣列中, 將已使用過的一個成員從陣列名單中踢走, 就不會重複使用一個名單。splice( ) 有以下語法:
splice(編號, 多少個, "新成員1", ..., "新成員n")
"編號" 是在陣列中開始變更 (加或減) 的位置 。
"多少個" 是刪去已有的成員數目, 若這數目是 0 則不刪去, 這情況下需要在後指明加進新成員。這 splice( ) 會傳回刪去的成員名單, 但也可不理會這項操作。
" "新成員1", ... ,"新成員n" " 表示要加進的新成員名單。
<html> <body>
<script>
colors = new Array ( "red","green","blue","white","black", "indigo","violet","yellow")
removedList=colors.splice(2, 3, "cyan","gold","gray", "brown" )
for (i=0; i < colors.length; i++)
{ document.write ( colors [i] + " " ) }
document.write( " <p> " )
for (i=0; i < removedList.length; i++)
{ document.write ( removedList [i] + " " ) }
</script>
</body> </html>
9、arrayName.sort
这用来将一个阵列根据字母来排序，排序后的数组放回原来的数组中
10、arrayName.toString()
这是将一个阵列（或者任何一个物件名称）变为文字，原有的数组不变
11、arrayName.unshift()
在数组中的首位置加一个或多个成员，并传回该数组的新长度
arrayName.unshift("新成員1" ,..., "新成員n")
document.open( ) 及document.close( )
document.open( ) 是用來在窗格或子視窗開啟一個網頁, 然後用 document.write( ) 將資料寫在這網頁內, 最後用 document.close( ) 來結束這網頁。
document 的 property
document 有以下的 property (附屬品):
| bgColor |
網頁的背景顏色。 |
| fgColor |
網頁的文字顏色。 |
| linkColor |
未用的連結的文字顏色。 |
| alinkColor |
在選擇中的連結 (alink) 的文字顏色。 |
| vlinkColor |
已使用的連結的文字顏色。 |
|
|
|
| lastModified |
網頁的最後存檔日期 (read-only)。 |
| referrer |
轉介過來的 URL (read-only)。 |
| domain |
供應網頁的伺服器的 domain name (read-only)。 |
| URL |
目前網頁的 URL (read-only) (留意: 這字用大寫)。 |
| cookie |
閱讀及設定 cookie。 |
| title |
網頁的 title (read-only)。 |
|
|
|
| anchors |
網頁中 anchors (書籤) 的陣列 (read-only)。 |
| applets |
網頁中 applets的陣列 (read-only)。 |
| embeds |
網頁中 <embed> 的陣列 (read-only)。 |
| forms |
網頁中 form 的陣列 (read-only)。 |
| images |
網頁中圖片的陣列 (read-only)。 |
| layers |
網頁中 layers 的陣列。 |
| links |
網頁中 links (連結) 的陣列 (read-only)。 |
| plugins |
網頁中 plugins 的陣列 (read-only)。 |
<html> <head>
<script>
function startTime( )
{ now=new Date( )
x=now.getSeconds( )
if( x < 10 ) { x = "0" + x }
timeValue=now.getHours( ) + " : " + now.getMinutes( ) + " :" + x
document.display.timeButton.value=timeValue
setTimeout("startTime( )", 1000 )
}
</script> </head>
<body>
<form name=display> 目前時間是:
<input type=button name=timeButton value=" 00:00:00 ">
<p>
<input type=button value="啟動時鐘" onClick="startTime( )">
</form> </body> </html>
navigator object
navigator object 可用來檢查觀看者的瀏覽器的一些資料, 例如可分辨瀏覽器是Netscape 或 IE, 與及使用的版本。navigator 有以下的 property:
navigator.appCodeName 這是瀏覽器的產品代號名稱。
navigator.appName 這是瀏覽器的名稱。
navigator.appVersion 這是瀏覽器的版本 (version)。
navigator.language 這是瀏覽器的語系。
navigator.platform 這是操作平台。
navigator.userAgent 這是瀏覽器及操作系統的各項資料。