tag:blogger.com,1999:blog-29022741014502647482024-03-07T19:51:41.028-08:00Javascript一種語言 能寫出多少世界...
我想讓自己像宇宙一樣開闊!VicTsaohttp://www.blogger.com/profile/02575351478880089064noreply@blogger.comBlogger11125tag:blogger.com,1999:blog-2902274101450264748.post-62771487977066874522013-07-23T06:57:00.002-07:002013-07-23T07:00:00.788-07:00Javascript的正規表達式物件<br />
Javascript的正規表達式物件 RegExp :<br />
<br />
正規表達式是一種特殊定義的"樣本",通常被用來比對、搜尋,或是取代字串。簡單的樣本像是:/abc/,可以用來比對字串內是否含有"abc",複雜的像是:/ ^[\w-\.]+@([\w-]+\.)+[\w-]{2,4}$/,可以用來比對是否為email字串。<br />
<br />
正規表達是在javascript中是以物件的方式存在。建立正規表達式的方法有兩種:<br />
<br />
RegExp(pattern [, flags])<br />
<br />
/pattern/flags<br />
<br />
pattern:正規表達式<br />
範例:<br />
<br />
var myreg = new RegExp("\\d+","g");<br />
<br />
var myreg = /\d+/g;<br />
<br />
第一種使用new來建立一個正規表達式物件,第二種則是使用正規表達式實字來建立物件。<br />
<table id="vic_tb" style="background-color: white; border-collapse: collapse; color: #333333; font-family: arial, helvetica, sans-serif; font-size: 13px; margin: 0px; padding: 0px; width: 560px;"><tbody style="margin: 0px; padding: 0px;">
<tr style="background-color: #c6c4c4; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><th style="margin: 0px; padding: 0px;">屬性</th><th style="margin: 0px; padding: 0px;">說明</th></tr>
<tr style="background-color: #c6c4c4; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;">global</td><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;">正規表達式中的"g"旗標是否被使用。唯讀屬性。</td></tr>
<tr style="background-color: #c6c4c4; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;">ignoreCase</td><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;">正規表達式中的"i"旗標是否被使用。唯讀屬性。</td></tr>
<tr style="background-color: #c6c4c4; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;">lastIndex</td><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;">指定下次比對開始位置的索引。</td></tr>
<tr style="background-color: #c6c4c4; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;">multiline</td><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;">正規表達式中的"i"旗標是否被使用。唯讀屬性。</td></tr>
<tr style="background-color: #c6c4c4; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;">source</td><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><div style="line-height: 1.3em; padding: 0px;">
正規表達式的樣本,唯讀屬性。</div>
</td></tr>
</tbody></table>
正規表達式物件的方法:<br />
<div style="background-color: white; color: #333333; font-family: arial, helvetica, sans-serif; font-size: 13px; line-height: 1.7em; margin-bottom: 8px; margin-top: 8px; padding: 0px;">
<span style="line-height: 1.7em; margin: 0px; padding: 0px;"></span></div>
<table id="vic_tb" style="background-color: white; border-collapse: collapse; color: #333333; font-family: arial, helvetica, sans-serif; font-size: 13px; margin: 0px; padding: 0px; width: 560px;"><tbody style="margin: 0px; padding: 0px;">
<tr style="background-color: #c6c4c4; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><th style="margin: 0px; padding: 0px;">方法</th><th style="margin: 0px; padding: 0px;">說明</th></tr>
<tr style="background-color: #c6c4c4; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><a href="http://www.victsao.com/blog/81-javascript/280-javascript-regexp-exec" style="color: #095197; margin: 0px; padding: 0px;" title="">exec()</a></td><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;">測試並傳回第一個比對成功之字串。</td></tr>
<tr style="background-color: #c6c4c4; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><a href="http://www.victsao.com/blog/81-javascript/281-javascript-regexp-test" style="color: #095197; margin: 0px; padding: 0px;" title="">test()</a></td><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;">測試並傳回true或是false。</td></tr>
<tr style="background-color: #c6c4c4; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;">toString()</td><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;">傳回正規表達式字串。</td></tr>
</tbody></table>
<br />
參考: <a href="http://www.victsao.com/blog/81-javascript/279-javascript-regexp">正規表達式物件 RegExp</a>VicTsaohttp://www.blogger.com/profile/02575351478880089064noreply@blogger.com0tag:blogger.com,1999:blog-2902274101450264748.post-28179600121818761472013-06-21T12:02:00.002-07:002013-06-21T12:11:47.342-07:00何謂Javascript<h4>
Javascript是什麼?</h4>
Javascript是一種腳本語言,所謂的腳本語言簡單的說就是你寫了一條指令,然後其執行環境就會執行這一條指令,不會事先經過其他的編譯。<br />
<br />
這跟windows的執行檔之類的很不相同,windows的執行檔都是經過事先編譯的,可能直接編譯成機械語言,也可能是中介的編碼。<br />
<br />
腳本語言不需要經過編譯,他會在被載入執行環境時才被解析。也就是說執行環境載入腳本語言,然後嘗試看懂要程式碼要做啥,並且執行程式碼。<br />
<br />
目前Javascript最常被 "嵌入" 在網頁之中,所以她的執行環境就是各式各樣的瀏覽器了。<br />
<br />
用嵌入這個詞其實是為了強調Javascript的特性,他很適合用來操作各種元素,當他被遷入到網頁中(或者可以說是在HTML中)時,他操作的就是網頁的元素。<br />
<br />
網頁的元素有個規範,叫做DOM(文件物件模型),網頁中的一張圖片,或一個段落,都是網頁中的元素,而Javascript可以輕易地操作,變更,這些元素。<br />
<br />
所以說在網頁上看到的效果,或是小工具,有些就是藉由Javascript來達成的。因為Javascript能改變這些網頁元素。
<br />
<br />
下面這範例就是利用Javascript來改變文字的顏色。<br />
取自:<a href="http://www.victsao.com/blog/81-javascript/216-javascript-changefontcolor">維克的煩惱--使用javascrip改變文字顏色</a><br />
<hr />
<hr />
<form>
<div style="text-align: center;">
<input name="Black" onclick="ChangeColor('black')" style="background-color: black; border: 3px double; width: 100px;" type="text" />
<input name="Red" onclick="ChangeColor('red')" style="background-color: red; border: 3px double; width: 100px;" type="text" />
<input name="Blue" onclick="ChangeColor('blue')" style="background-color: blue; border: 3px double; width: 100px;" type="text" />
<input name="Yellow" onclick="ChangeColor('yellow')" style="background-color: yellow; border: 3px double; width: 100px;" type="text" />
</div>
</form>
<div id="change_color">
<h1 style="text-align: left;">
Welcom to Vic's Blog</h1>
維克的煩惱是一個關於Javascript 與 網頁架設 等等的部落格,格主VicTsao是個悲情的工程師。虛度三十餘年,依然孤家寡人。</div>
<div>
<h2>
神馬Javascript</h2>
Javascript 是神馬?</div>
<hr />
<hr />
<script type="text/javascript">
function ChangeColor(color){
var x=document.getElementById("change_color");
x.style.color=color;
}
</script>VicTsaohttp://www.blogger.com/profile/02575351478880089064noreply@blogger.com0tag:blogger.com,1999:blog-2902274101450264748.post-14243205247176928562013-05-29T20:01:00.001-07:002013-05-29T20:05:03.594-07:00Math 物件的屬性與方法整理Math 物件的屬性與方法整理:<br />
<div>
來自:<a href="http://www.victsao.com/blog/81-javascript/254-javascript-math">數學物件 Math</a><br />
<br />
數學(Math)物件的屬性:<br />
Math的屬性是一些常用的數學常數,如下表:<br />
<table id="vic_tb" style="background-color: white; border-collapse: collapse; color: #333333; font-family: arial, helvetica, sans-serif; font-size: 13px; margin: 0px; padding: 0px; width: 550px;"><tbody style="margin: 0px; padding: 0px;">
<tr style="background-color: #c6c4c4; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><th style="margin: 0px; padding: 0px;">屬性</th><th style="margin: 0px; padding: 0px;">說明</th><th style="margin: 0px; padding: 0px;">近似值</th></tr>
<tr style="background-color: #c6c4c4; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;">Math.E</td><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><a href="http://zh.wikipedia.org/wiki/E_(%E6%95%B0%E5%AD%A6%E5%B8%B8%E6%95%B0)" style="color: #095197; margin: 0px; padding: 0px;">數學常數</a>,是自然對數函數的底數。有時稱它為歐拉數(Euler's number)。</td><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;">2.718281</td></tr>
<tr style="background-color: #c6c4c4; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;">Math.LN2</td><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;">2的自然對數。</td><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;">0.693</td></tr>
<tr style="background-color: #c6c4c4; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;">Math.LN10</td><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;">10的自然對數。</td><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;">2.302</td></tr>
<tr style="background-color: #c6c4c4; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;">Math.LOG2E</td><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;">底數為2的e的對數。</td><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;">1.443</td></tr>
<tr style="background-color: #c6c4c4; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;">Math.LOG10E</td><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;">底數為10的e的對數。</td><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;">0.434</td></tr>
<tr style="background-color: #c6c4c4; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;">Math.PI</td><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;">圓周率</td><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;">3.14159</td></tr>
<tr style="background-color: #c6c4c4; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;">Math.SQRT1_2</td><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;">0.5(1/2)的平方根。</td><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;">0.707</td></tr>
<tr style="background-color: #c6c4c4; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;">Math.SQRT2</td><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;">2的平方根。</td><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;">1.414</td></tr>
</tbody></table>
<br />
數學(Math)物件的方法:<br />
Math方法全部都是靜態方法,如下表:<br />
<table id="vic_tb" style="background-color: white; border-collapse: collapse; color: #333333; font-family: arial, helvetica, sans-serif; font-size: 13px; margin: 0px; padding: 0px; width: 550px;"><tbody style="margin: 0px; padding: 0px;">
<tr style="background-color: #c6c4c4; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><th style="margin: 0px; padding: 0px; width: 62px;">函式</th><th style="margin: 0px; padding: 0px; width: 347px;">說明</th></tr>
<tr style="background-color: #c6c4c4; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px; width: 62px;"><a href="http://www.victsao.com/blog/81-javascript/255-javascript-math-abs" style="color: #095197; margin: 0px; padding: 0px;" title="">abs()</a></td><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px; width: 347px;">傳回絕對值。</td></tr>
<tr style="background-color: #c6c4c4; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px; width: 62px;"><a href="http://www.victsao.com/blog/81-javascript/256-javascript-math-acos" style="color: #095197; margin: 0px; padding: 0px;" title="">acos()</a></td><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px; width: 347px;">傳回反餘弦值。</td></tr>
<tr style="background-color: #c6c4c4; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px; width: 62px;"><a href="http://www.victsao.com/blog/81-javascript/257-javascript-math-asin" style="color: #095197; margin: 0px; padding: 0px;" title="">asin()</a></td><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px; width: 347px;">傳回反正弦值。</td></tr>
<tr style="background-color: #c6c4c4; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px; width: 62px;"><a href="http://www.victsao.com/blog/81-javascript/258-javascript-math-atan" style="color: #095197; margin: 0px; padding: 0px;" title="">atan()</a></td><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px; width: 347px;">傳回反正切值。</td></tr>
<tr style="background-color: #c6c4c4; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px; width: 62px;"><a href="http://www.victsao.com/blog/81-javascript/259-javascript-math-atan2" style="color: #095197; margin: 0px; padding: 0px;" title="">atan2()</a></td><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px; width: 347px;">傳回從X軸到某個點(x,y)的角度(弧度)。</td></tr>
<tr style="background-color: #c6c4c4; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px; width: 62px;"><a href="http://www.victsao.com/blog/81-javascript/260-javascript-math-ceil" style="color: #095197; margin: 0px; padding: 0px;" title="">ceil()</a></td><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px; width: 347px;">傳回大於或等於給定數值(輸入參數)的最小整數。</td></tr>
<tr style="background-color: #c6c4c4; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px; width: 62px;"><a href="http://www.victsao.com/blog/81-javascript/261-javascript-math-cos" style="color: #095197; margin: 0px; padding: 0px;" title="">cos()</a></td><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px; width: 347px;">傳回數值的餘弦。</td></tr>
<tr style="background-color: #c6c4c4; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px; width: 62px;"><a href="http://www.victsao.com/blog/81-javascript/262-javascript-math-exp" style="color: #095197; margin: 0px; padding: 0px;" title="">exp()</a></td><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px; width: 347px;">傳回e的乘冪數。</td></tr>
<tr style="background-color: #c6c4c4; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px; width: 62px;"><a href="http://www.victsao.com/blog/81-javascript/263-javascript-math-floor" style="color: #095197; margin: 0px; padding: 0px;" title="">floor()</a></td><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px; width: 347px;">傳回小於或等於給定數值(輸入參數)的最大整數。</td></tr>
<tr style="background-color: #c6c4c4; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px; width: 62px;"><a href="http://www.victsao.com/blog/81-javascript/264-javascript-math-log" style="color: #095197; margin: 0px; padding: 0px;" title="">log()</a></td><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px; width: 347px;">傳回數字的自然對數(loge,在數學上常寫成ln)。</td></tr>
<tr style="background-color: #c6c4c4; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px; width: 62px;"><a href="http://www.victsao.com/blog/81-javascript/266-javascript-math-max" style="color: #095197; margin: 0px; padding: 0px;" title="">max()</a></td><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px; width: 347px;">傳回最大的數值。</td></tr>
<tr style="background-color: #c6c4c4; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px; width: 62px;"><a href="http://www.victsao.com/blog/81-javascript/268-javascript-math-min" style="color: #095197; margin: 0px; padding: 0px;" title="">min()</a></td><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px; width: 347px;">傳回最小的數值。</td></tr>
<tr style="background-color: #c6c4c4; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px; width: 62px;"><a href="http://www.victsao.com/blog/81-javascript/269-javascript-math-pow" style="color: #095197; margin: 0px; padding: 0px;" title="">pow()</a></td><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px; width: 347px;">傳回指定乘冪數的基底運算式值。</td></tr>
<tr style="background-color: #c6c4c4; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px; width: 62px;"><a href="http://www.victsao.com/blog/81-javascript/273-javascript-math-random" style="color: #095197; margin: 0px; padding: 0px;" title="">random()</a></td><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px; width: 347px;">傳回介於0~1間的亂數。</td></tr>
<tr style="background-color: #c6c4c4; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px; width: 62px;"><a href="http://www.victsao.com/blog/81-javascript/274-javascript-math-round" style="color: #095197; margin: 0px; padding: 0px;" title="">round()</a></td><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px; width: 347px;">傳回四捨五入到最接近的整數。</td></tr>
<tr style="background-color: #c6c4c4; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px; width: 62px;"><a href="http://www.victsao.com/blog/81-javascript/275-javascript-math-sin" style="color: #095197; margin: 0px; padding: 0px;" title="">sin()</a></td><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px; width: 347px;">傳回數值的正弦。</td></tr>
<tr style="background-color: #c6c4c4; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px; width: 62px;"><a href="http://www.victsao.com/blog/81-javascript/276-javascript-math-sqrt" style="color: #095197; margin: 0px; padding: 0px;" title="">sqrt()</a></td><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px; width: 347px;">傳回平方根。</td></tr>
<tr style="background-color: #c6c4c4; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px; width: 62px;"><a href="http://www.victsao.com/blog/81-javascript/278-javascript-math-tan">tan()</a></td><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px; width: 347px;">傳回數值的正切。</td></tr>
</tbody></table>
</div>
VicTsaohttp://www.blogger.com/profile/02575351478880089064noreply@blogger.com0tag:blogger.com,1999:blog-2902274101450264748.post-76796713403226953512013-05-12T12:45:00.000-07:002013-05-12T12:45:15.899-07:00Dave Herman: The Future of JavaScript<iframe width="560" height="315" src="http://www.youtube.com/embed/u4IdoBU1uKE" frameborder="0" allowfullscreen></iframe>VicTsaohttp://www.blogger.com/profile/02575351478880089064noreply@blogger.com0tag:blogger.com,1999:blog-2902274101450264748.post-20750779493833721362013-04-24T07:29:00.003-07:002013-05-01T19:12:23.083-07:00Javascript的日期物件方法整理<br />
Date 物件的屬性與方法整理:<br />
來自:<a href="http://www.victsao.com/blog/81-javascript/186-javascript-date" target="_blank">日期物件 Date</a><br />
<h3>
日期(Date)物件的屬性:</h3>
<table id="vic_tb" style="background-color: white; border-collapse: collapse; color: #333333; font-family: arial, helvetica, sans-serif; font-size: 13px; margin: 0px; padding: 0px; width: 500px;"><tbody style="margin: 0px; padding: 0px;">
<tr style="background-color: #c6c4c4; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><th style="margin: 0px; padding: 0px;">屬性</th><th style="margin: 0px; padding: 0px;">說明</th></tr>
<tr style="background-color: #c6c4c4; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;">constructor</td><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;">傳回建立陣列物件原型的函式。</td></tr>
<tr style="background-color: #c6c4c4; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;">prototype</td><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;">指向物件的原型。</td></tr>
</tbody></table>
<h3>
日期(Date)物件的方法:</h3>
<table id="vic_tb" style="background-color: white; border-collapse: collapse; color: #333333; font-family: arial, helvetica, sans-serif; font-size: 13px; margin: 0px; padding: 0px; width: 500px;"><tbody style="margin: 0px; padding: 0px;">
<tr style="background-color: #c6c4c4; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><th style="margin: 0px; padding: 0px;">方法</th><th style="margin: 0px; padding: 0px;">說明</th></tr>
<tr style="background-color: #c6c4c4; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><a href="http://www.victsao.com/blog/81-javascript/187-javascript-date-getdate" style="color: #095197; margin: 0px; padding: 0px;" title="">getDate()</a></td><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;">傳回日期中的日,每個月的幾號。</td></tr>
<tr style="background-color: #c6c4c4; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><a href="http://www.victsao.com/blog/81-javascript/188-javascript-date-getday" style="color: #095197; margin: 0px; padding: 0px;" title="">getDay()</a></td><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;">傳回一星期中的第幾天(0~6)。0是星期天,1是星期一。</td></tr>
<tr style="background-color: #c6c4c4; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><a href="http://www.victsao.com/blog/81-javascript/189-javascript-date-getfullyear" style="color: #095197; margin: 0px; padding: 0px;" title="">getFullYear()</a></td><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;">傳回年</td></tr>
<tr style="background-color: #c6c4c4; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><a href="http://www.victsao.com/blog/81-javascript/190-javascript-date-gethours" style="color: #095197; margin: 0px; padding: 0px;" title="">getHours()</a></td><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;">傳回小時</td></tr>
<tr style="background-color: #c6c4c4; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><a href="http://www.victsao.com/blog/81-javascript/191-javascript-date-getmilliseconds" style="color: #095197; margin: 0px; padding: 0px;" title="">getMilliseconds()</a></td><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;">傳回毫秒數</td></tr>
<tr style="background-color: #c6c4c4; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><a href="http://www.victsao.com/blog/81-javascript/192-javascript-date-getminutes" style="color: #095197; margin: 0px; padding: 0px;" title="">getMinutes()</a></td><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;">傳回分鐘</td></tr>
<tr style="background-color: #c6c4c4; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><a href="http://www.victsao.com/blog/81-javascript/193-javascript-date-getmonth" style="color: #095197; margin: 0px; padding: 0px;" title="">getMonth()</a></td><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;">傳回月份</td></tr>
<tr style="background-color: #c6c4c4; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><a href="http://www.victsao.com/blog/81-javascript/194-javascript-date-getseconds" style="color: #095197; margin: 0px; padding: 0px;" title="">getSeconds()</a></td><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;">傳回秒數</td></tr>
<tr style="background-color: #c6c4c4; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><a href="http://www.victsao.com/blog/81-javascript/195-javascript-date-gettime" style="color: #095197; margin: 0px; padding: 0px;" title="">getTime()</a></td><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;">傳回重1970年1月1日0時0分0秒到date時間經過的毫秒數。</td></tr>
<tr style="background-color: #c6c4c4; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><a href="http://www.victsao.com/blog/81-javascript/196-javascript-date-gettimezoneoffset" style="color: #095197; margin: 0px; padding: 0px;" title="">getTimezoneOffset()</a></td><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;">傳回UTC時間與當地時間差(分)</td></tr>
<tr style="background-color: #c6c4c4; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><a href="http://www.victsao.com/blog/81-javascript/197-javascript-date-getutcdate" style="color: #095197; margin: 0px; padding: 0px;" title="">getUTCDate()</a></td><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;">根據UTC時間,傳回日期中的日,每個月的幾號。</td></tr>
<tr style="background-color: #c6c4c4; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><a href="http://www.victsao.com/blog/81-javascript/198-javascript-date-getutcday" style="color: #095197; margin: 0px; padding: 0px;" title="">getUTCDay()</a></td><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;">根據UTC時間,傳回一星期中的第幾天(0~6)。0是星期天,1是星期一。</td></tr>
<tr style="background-color: #c6c4c4; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><a href="http://www.victsao.com/blog/81-javascript/199-javascript-date-getutcfullyear" style="color: #095197; margin: 0px; padding: 0px;" title="">getUTCFullYear()</a></td><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;">根據UTC時間,傳回年。</td></tr>
<tr style="background-color: #c6c4c4; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><a href="http://www.victsao.com/blog/81-javascript/203-javascript-date-getutchours" style="color: #095197; margin: 0px; padding: 0px;" title="">getUTCHours()</a></td><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;">根據UTC時間,傳回小時。</td></tr>
<tr style="background-color: #c6c4c4; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><a href="http://www.victsao.com/blog/81-javascript/204-javascript-date-getutcmilliseconds" style="color: #095197; margin: 0px; padding: 0px;" title="">getUTCMilliseconds()</a></td><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;">根據UTC時間,傳回毫秒數。</td></tr>
<tr style="background-color: #c6c4c4; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><a href="http://www.victsao.com/blog/81-javascript/206-javascrupt-date-getutcminutes" style="color: #095197; margin: 0px; padding: 0px;" title="">getUTCMinutes()</a></td><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;">根據UTC時間,傳回分。</td></tr>
<tr style="background-color: #c6c4c4; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><a href="http://www.victsao.com/blog/81-javascript/193-javascript-date-getmonth" style="color: #095197; margin: 0px; padding: 0px;" title="">getUTCMonth()</a></td><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;">根據UTC時間,傳回月份。</td></tr>
<tr style="background-color: #c6c4c4; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><a href="http://www.victsao.com/blog/81-javascript/208-javascript-date-getutcseconds" style="color: #095197; margin: 0px; padding: 0px;" title="">getUTCSeconds()</a></td><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;">根據UTC時間,傳回秒。</td></tr>
<tr style="background-color: #c6c4c4; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><a href="http://www.victsao.com/blog/81-javascript/209-javascript-date-getyear" style="color: #095197; margin: 0px; padding: 0px;" title="">getYear()</a></td><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;">廢棄,請使用getFullYear()。</td></tr>
<tr style="background-color: #c6c4c4; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><a href="http://www.victsao.com/blog/81-javascript/214-javascript-date-parse" style="color: #095197; margin: 0px; padding: 0px;" title="">parse()</a></td><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;">把日期字串轉換成由1970年1月1日0時0分0秒算起的毫秒數。</td></tr>
<tr style="background-color: #c6c4c4; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><a href="http://www.victsao.com/blog/81-javascript/218-javascript-date-setdate" style="color: #095197; margin: 0px; padding: 0px;" title="">setDate()</a></td><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;">設定日期物件中的日。</td></tr>
<tr style="background-color: #c6c4c4; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><a href="http://www.victsao.com/blog/81-javascript/219-javascript-date-setfullyear" style="color: #095197; margin: 0px; padding: 0px;" title="">setFullYear()</a></td><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;">設定日期物件中的年。</td></tr>
<tr style="background-color: #c6c4c4; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><a href="http://www.victsao.com/blog/81-javascript/220-javascript-date-sethours" style="color: #095197; margin: 0px; padding: 0px;">setHours()</a></td><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;">設定日期物件中的小時。</td></tr>
<tr style="background-color: #c6c4c4; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><a href="http://www.victsao.com/blog/81-javascript/222-javascript-date-setmilliseconds" style="color: #095197; margin: 0px; padding: 0px;" title="">setMilliseconds()</a></td><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;">設定日期物件中的毫秒數。</td></tr>
<tr style="background-color: #c6c4c4; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><a href="http://www.victsao.com/blog/81-javascript/226-javascript-date-setminutes" style="color: #095197; margin: 0px; padding: 0px;" title="">setMinutes()</a></td><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;">設定日期物件中的分。</td></tr>
<tr style="background-color: #c6c4c4; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><a href="http://www.victsao.com/blog/81-javascript/228-javascript-date-setmonth" style="color: #095197; margin: 0px; padding: 0px;" title="">setMonth()</a></td><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;">設定日期物件中的分。</td></tr>
<tr style="background-color: #c6c4c4; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><a href="http://www.victsao.com/blog/81-javascript/229-javascript-date-setseconds" style="color: #095197; margin: 0px; padding: 0px;" title="">setSeconds()</a></td><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;">設定日期物件中的分。</td></tr>
<tr style="background-color: #c6c4c4; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><a href="http://www.victsao.com/blog/81-javascript/230-javascript-date-settime" style="color: #095197; margin: 0px; padding: 0px;" title="">setTime()</a></td><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;">藉由設定1970年1月1日0時0分0秒算起的毫秒數來設定日期。</td></tr>
<tr style="background-color: #c6c4c4; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><a href="http://www.victsao.com/blog/81-javascript/231-javascript-date-setutcdate" style="color: #095197; margin: 0px; padding: 0px;" title="">setUTCDate()</a></td><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;">根據UTC時間,設定日期物件的日。</td></tr>
<tr style="background-color: #c6c4c4; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><a href="http://www.victsao.com/blog/81-javascript/233-javascript-date-setutcfullyear" style="color: #095197; margin: 0px; padding: 0px;" title="">setUTCFullYear()</a></td><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;">根據UTC時間,設定日期物件的年。</td></tr>
<tr style="background-color: #c6c4c4; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><a href="http://www.victsao.com/blog/81-javascript/234-javascript-date-setutchours" style="color: #095197; margin: 0px; padding: 0px;" title="">setUTCHours()</a></td><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;">根據UTC時間,設定日期物件的小時。</td></tr>
<tr style="background-color: #c6c4c4; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><a href="http://www.victsao.com/blog/81-javascript/235-javascript-date-setutcmilliseconds" style="color: #095197; margin: 0px; padding: 0px;" title="">setUTCMilliseconds()</a></td><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;">根據UTC時間,設定日期物件的毫秒。</td></tr>
<tr style="background-color: #c6c4c4; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><a href="http://www.victsao.com/blog/81-javascript/236-javascript-date-setutcminutes" style="color: #095197; margin: 0px; padding: 0px;" title="">setUTCMinutes()</a></td><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;">根據UTC時間,設定日期物件的分。</td></tr>
<tr style="background-color: #c6c4c4; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><a href="http://www.victsao.com/blog/81-javascript/237-javascript-date-setutcmonth" style="color: #095197; margin: 0px; padding: 0px;" title="">setUTCMonth()</a></td><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;">根據UTC時間,設定日期物件的月。</td></tr>
<tr style="background-color: #c6c4c4; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><a href="http://www.victsao.com/blog/81-javascript/239-javascript-date-setutcseconds" style="color: #095197; margin: 0px; padding: 0px;" title="">setUTCSeconds()</a></td><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;">根據UTC時間,設定日期物件的秒。</td></tr>
<tr style="background-color: #c6c4c4; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><a href="http://www.victsao.com/blog/81-javascript/240-javascript-date-setyear" style="color: #095197; margin: 0px; padding: 0px;" title="">setYear()</a></td><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;">廢棄,請使用setFullYear()。</td></tr>
<tr style="background-color: #c6c4c4; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><a href="http://www.victsao.com/blog/81-javascript/241-javascript-date-todatestring" style="color: #095197; margin: 0px; padding: 0px;" title="">toDateString()</a></td><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;">將日期中的一部分轉成字串。(包含 星期幾 月日年)</td></tr>
<tr style="background-color: #c6c4c4; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><a href="http://www.victsao.com/blog/81-javascript/242-javascript-date-togmtstring" style="color: #095197; margin: 0px; padding: 0px;" title="">toGMTString()</a></td><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;">廢棄,請使用 toUTCString()。</td></tr>
<tr style="background-color: #c6c4c4; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><a href="http://www.victsao.com/blog/81-javascript/243-javascript-date-toisostring" style="color: #095197; margin: 0px; padding: 0px;" title="">toISOString()</a></td><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;">根據ISO標準傳回日期字串。</td></tr>
<tr style="background-color: #c6c4c4; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><a href="http://www.victsao.com/blog/81-javascript/244-javascript-date-tojson" style="color: #095197; margin: 0px; padding: 0px;" title="">toJSON()</a></td><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;">傳回格式化為JSON date的日期字串。</td></tr>
<tr style="background-color: #c6c4c4; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><a href="http://www.victsao.com/blog/81-javascript/245-javascript-date-tolocaledatestring" style="color: #095197; margin: 0px; padding: 0px;" title="">toLocaleDateString()</a></td><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;">使用當地時間,將日期中的一部分轉成字串。</td></tr>
<tr style="background-color: #c6c4c4; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><a href="http://www.victsao.com/blog/81-javascript/246-javascript-date-tolocaletimestring" style="color: #095197; margin: 0px; padding: 0px;" title="">toLocaleTimeString()</a></td><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;">使用當地時間,將時間中的一部分轉成字串</td></tr>
<tr style="background-color: #c6c4c4; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><a href="http://www.victsao.com/blog/81-javascript/247-javascript-date-tolocalestring" style="color: #095197; margin: 0px; padding: 0px;" title="">toLocaleString()</a></td><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;">使用當地時間,將日期物件轉成字串。</td></tr>
<tr style="background-color: #c6c4c4; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><a href="http://www.victsao.com/blog/81-javascript/248-javascript-date-tostring" style="color: #095197; margin: 0px; padding: 0px;" title="">toString()</a></td><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;">將日期物件轉成字串。</td></tr>
<tr style="background-color: #c6c4c4; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><a href="http://www.victsao.com/blog/81-javascript/249-javascript-date-totimestring" style="color: #095197; margin: 0px; padding: 0px;" title="">toTimeString()</a></td><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;">將日期物件中的時間部分轉成字串。</td></tr>
<tr style="background-color: #c6c4c4; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><a href="http://www.victsao.com/blog/81-javascript/250-javascript-date-toutcstring" style="color: #095197; margin: 0px; padding: 0px;" title="">toUTCString()</a></td><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;">根據UTC將日期物件轉為字串。</td></tr>
<tr style="background-color: #c6c4c4; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><a href="http://www.victsao.com/blog/81-javascript/251-javascript-date-utc" style="color: #095197; margin: 0px; padding: 0px;" title="">UTC()</a></td><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;">根據UTC傳回由1970年1月1日0時0分0秒算起的毫秒數。</td></tr>
<tr style="background-color: #c6c4c4; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><a href="http://www.victsao.com/blog/81-javascript/253-javascript-date-valueof" style="color: #095197; margin: 0px; padding: 0px;" title="">valueOf()</a></td><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;">傳回Date物件的初始值。</td></tr>
<tr style="background-color: #c6c4c4; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><a href="http://www.victsao.com/blog/81-javascript/252-javascript-date-now" style="color: #095197; margin: 0px; padding: 0px;" title="">now()</a></td><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;">傳回由1970年1月1日0時0分0秒算起到現在時間的毫秒數。</td></tr>
</tbody></table>
VicTsaohttp://www.blogger.com/profile/02575351478880089064noreply@blogger.com0tag:blogger.com,1999:blog-2902274101450264748.post-14853434475335597972013-02-26T19:00:00.002-08:002013-03-13T07:41:17.766-07:00Javascript 的陣列物件-- ArrayArray物件在Javascript物件中相當常用。<br />
我把常用的幾個屬性跟方法整理如下..<br />
<br />
<h4>
陣列(Array)物件的屬性:</h4>
<div>
<table id="vic_tb" style="background-color: white; border-collapse: collapse; color: #333333; font-family: arial, helvetica, sans-serif; font-size: 13px; margin: 0px; padding: 0px; width: 500px;"><tbody style="margin: 0px; padding: 0px;">
<tr style="background-color: #c6c4c4; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><th style="margin: 0px; padding: 0px;">屬性</th><th style="margin: 0px; padding: 0px;">說明</th></tr>
<tr style="background-color: #c6c4c4; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;">constructor</td><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;">傳回建立陣列物件原型的函式</td></tr>
<tr style="background-color: #c6c4c4; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;">length</td><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;">設定或返回陣列中元素的長度。</td></tr>
</tbody></table>
<h4>
陣列(Array)物件的方法:</h4>
</div>
<div>
<table id="vic_tb" style="background-color: white; border-collapse: collapse; color: #333333; font-family: arial, helvetica, sans-serif; font-size: 13px; margin: 0px; padding: 0px; width: 500px;"><tbody style="margin: 0px; padding: 0px;">
<tr style="background-color: #c6c4c4; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><th style="margin: 0px; padding: 0px;">方法</th><th style="margin: 0px; padding: 0px;">說明</th></tr>
<tr style="background-color: #c6c4c4; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><a href="http://www.victsao.com/blog/81-javascript/157-javascript-arr-concat" style="color: #095197; margin: 0px; padding: 0px;" title="">concat()</a></td><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;">合併陣列,並傳回一個新的陣列</td></tr>
<tr style="background-color: #c6c4c4; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><a href="http://www.victsao.com/blog/81-javascript/159-javascript-arr-indexof" style="color: #095197; margin: 0px; padding: 0px;" title="">indexOf()</a></td><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;">在陣列中搜尋指定元素,並返回第一個符合的索引</td></tr>
<tr style="background-color: #c6c4c4; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><a href="http://www.victsao.com/blog/81-javascript/160-javascript-arr-join" style="color: #095197; margin: 0px; padding: 0px;" title="">join()</a></td><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;">將陣列物件中所有元素合併成一個字串</td></tr>
<tr style="background-color: #c6c4c4; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><a href="http://www.victsao.com/blog/81-javascript/161-javascript-arr-lastindexof" style="color: #095197; margin: 0px; padding: 0px;" title="">lastIndexOf()</a></td><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;">從陣列尾端開始搜尋指定元素,並返回第一個符合的索引</td></tr>
<tr style="background-color: #c6c4c4; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><a href="http://www.victsao.com/blog/81-javascript/162-javascript-arr-pop" style="color: #095197; margin: 0px; padding: 0px;" title="">pop()</a></td><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;">將陣列中最後一個元素移除,並傳回該元素</td></tr>
<tr style="background-color: #c6c4c4; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><a href="http://www.victsao.com/blog/81-javascript/163-javascript-arr-push" style="color: #095197; margin: 0px; padding: 0px;">push()</a></td><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;">在陣列尾端加入一個元素,並傳回陣列長度</td></tr>
<tr style="background-color: #c6c4c4; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><a href="http://www.victsao.com/blog/81-javascript/164-javascript-arr-reverse" style="color: #095197; margin: 0px; padding: 0px;">reverse()</a></td><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;">反轉陣列中的元素順序</td></tr>
<tr style="background-color: #c6c4c4; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><a href="http://www.victsao.com/blog/81-javascript/165-javascript-arr-shift" style="color: #095197; margin: 0px; padding: 0px;" title="">shift()</a></td><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;">移除陣列的第一個元素,</td></tr>
<tr style="background-color: #c6c4c4; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><a href="http://www.victsao.com/blog/81-javascript/166-javascript-arr-slice" style="color: #095197; margin: 0px; padding: 0px;" title="">slice()</a></td><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;">選擇陣列的片斷,並傳回成為新的陣列。</td></tr>
<tr style="background-color: #c6c4c4; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><a href="http://www.victsao.com/blog/81-javascript/167-javascript-arr-sort" style="color: #095197; margin: 0px; padding: 0px;">sort()</a></td><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;">對陣列元素進行排序</td></tr>
<tr style="background-color: #c6c4c4; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><a href="http://www.victsao.com/blog/81-javascript/168-javascript-arr-splice" style="color: #095197; margin: 0px; padding: 0px;" title="">splice()</a></td><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;">加入 和/或 移除陣列的元素</td></tr>
<tr style="background-color: #c6c4c4; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><a href="http://www.victsao.com/blog/81-javascript/169-javascript-arr-tostring" style="color: #095197; margin: 0px; padding: 0px;" title="">toString()</a></td><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;">將陣列轉為字串,並傳回該字串</td></tr>
<tr style="background-color: #c6c4c4; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><a href="http://www.victsao.com/blog/81-javascript/170-javascript-arr-unshift" style="color: #095197; margin: 0px; padding: 0px;" title="">unshift()</a></td><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;">在陣列前方加入新的元素,並傳回陣列長度。</td></tr>
<tr style="background-color: #c6c4c4; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><a href="http://www.victsao.com/blog/81-javascript/171-javascript-arr-valueof" style="color: #095197; margin: 0px; padding: 0px;" title="">valueOf()</a></td><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;">傳回陣列的初始值</td></tr>
<tr style="background-color: #c6c4c4; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><a href="http://www.victsao.com/blog/81-javascript/176-javascript-arr-filter" style="color: #095197; margin: 0px; padding: 0px;" title="Array.filter()過濾陣列元素">filter</a></td><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;">過濾陣列元素</td></tr>
<tr style="background-color: #c6c4c4; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><a href="http://www.victsao.com/blog/81-javascript/177-javascript-arr-foreach" style="color: #095197; margin: 0px; padding: 0px;" title="Array.forEach()迭代整個陣列元素">forEach()</a></td><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;">迭代整個陣列元素</td></tr>
<tr style="background-color: #c6c4c4; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px; width: 90px;"><a href="http://www.victsao.com/blog/81-javascript/180-javascript-arr-every" style="color: #095197; margin: 0px; padding: 0px;" title="Array.every()測試所有陣列元素">every()</a></td><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px; width: 396px;">測試所有陣列元素</td></tr>
<tr style="background-color: #c6c4c4; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><a href="http://www.victsao.com/blog/81-javascript/181-javascript-arr-some" style="color: #095197; margin: 0px; padding: 0px;" title="Array.some()檢查是否有任一陣列元素通過測試">some()</a></td><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;">檢查是否有任一陣列元素通過測試</td></tr>
<tr style="background-color: #c6c4c4; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px; width: 90px;"><a href="http://www.victsao.com/blog/81-javascript/182-javascript-arr-map" style="color: #095197; margin: 0px; padding: 0px;" title="Array.map()迭代舊陣列元素產生新陣列">map()</a></td><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;">迭代舊陣列元素產生新陣列</td></tr>
<tr style="background-color: #c6c4c4; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><a href="http://www.victsao.com/blog/81-javascript/184-javascript-arr-reduce" style="color: #095197; margin: 0px; padding: 0px;" title="Array.reduce() 累計值處理">reduce()</a></td><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;">累計值處理</td></tr>
<tr style="background-color: #c6c4c4; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;"><a href="http://www.victsao.com/blog/81-javascript/185-javascript-arr-reduceright" style="color: #095197; margin: 0px; padding: 0px;" title="Array.reduceRight()由右至左 累計值處理">reduceRight()</a></td><td style="background-color: #d8d8d8; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px;">由右至左 累計值處理</td></tr>
</tbody></table>
</div>
VicTsaohttp://www.blogger.com/profile/02575351478880089064noreply@blogger.com0tag:blogger.com,1999:blog-2902274101450264748.post-15966045029984738562013-02-26T05:50:00.001-08:002013-02-26T18:05:10.989-08:00array.join與字串合併array.join()可以將陣列的元素合併成為字串,<br />
也有許多人利用此方法來合併大量字串。<br />
除此之外,要合併字串也可以使用原始的 + 運算子以及String.concat()來合併字串,<br />
許多先進強烈建議使用array.join()來進行字串合併,<br />
因為早期的想法認為,這是一個比較有效率的做法。<br />
但這問題到現在其實可能已經有不同的結果,<br />
近年瀏覽器對於+字串合併已經有許多優化,<br />
對某些瀏覽器而言使用+運算子甚至快過使用array.join(),<br />
除去舊版的瀏覽器,字串合併的效能似乎沒有太大的差距,<br />
如果要合併的字串本身並不以陣列的方式存在,<br />
似乎也沒必要特地把它放進陣列,然後再使用array.join()了。<br />
當然,對於實際程式運作效能的最佳化,還是需要對每個程式做個別的分析。<br />
參考:<a href="http://www.victsao.com/blog/81-javascript/136-javascript-str-concat" title="String.concat() 合併字串">String.concat() 合併字串</a>、<a href="http://www.victsao.com/blog/81-javascript/160-javascript-arr-join" title="Array.join()將陣列元素合併成字串">Array.join()將陣列元素合併成字串</a>、<a href="http://www.victsao.com/blog/81-javascript/137-javascript-str-efficiency" title="字串合併的效率問題">字串合併的效率問題</a>VicTsaohttp://www.blogger.com/profile/02575351478880089064noreply@blogger.com0tag:blogger.com,1999:blog-2902274101450264748.post-16443128918797304192013-02-23T03:49:00.005-08:002013-02-23T03:50:45.159-08:00URI要編碼的目的URI(Uniform Resource Identifier)中文稱之為 "統一資源標誌符" 。<br />
URI可以被當成URL(統一資源定位符)或URN(统一资源名),或是兩個合起來。<br />
間單的就是某個資源的位址,譬如說某個網頁的位址就是一個 URI。<br />
URI有其格式規範,有其接受與不接受的字元,<br />
在Javascript進行URI編碼的目的就是把不合法的字元,轉變成合法的字元。<br />
使用不合法的URI字元可能會造成在網頁傳遞時取得的資料變成亂碼。<br />
譬如AJAX的應用,在傳遞網址時,如果存在不合法字元,就要先進行編碼,<br />
不然取得的結果很可能會變成亂碼。<br />
有些瀏覽器在進行網址傳遞時,會自動進行編碼,但並非所有瀏覽器皆是如此,<br />
因此自行編碼有其必要性。<br />
在javascript中可進行URI編碼解碼的函式:<br />
encodeURI()<br />
decodeURI() <br />
encodeURIComponent ()<br />
decodeURIComponent()<br />
<br />
參考:<a href="http://www.victsao.com/blog/81-javascript/89-javascript-encodeuri-uri" target="_blank">encodeURI() 為什麼URI要編碼</a><br />
<a href="http://www.victsao.com/blog/81-javascript/88-javascript-encodeuri" target="_blank">escape,encodeURI與encodeURIComponent 的使用與差異<u><span style="color: #0066cc;"></span></u></a>VicTsaohttp://www.blogger.com/profile/02575351478880089064noreply@blogger.com0tag:blogger.com,1999:blog-2902274101450264748.post-24048337318564259192013-02-17T06:08:00.000-08:002013-02-17T06:09:55.434-08:00String物件字串物件 String 是在Javascript 中是很常使用的。<br />
我把他常用的屬性跟方法整理出來。<br />
<br />
<table>
<tbody>
<tr><th style="width: 127px;">屬性</th><th style="width: 706px;">說明</th></tr>
<tr><td>length</td><td> 傳回字串的長度</td></tr>
</tbody>
</table>
<br />
<br />
<table>
<tbody>
<tr><th style="width: 127px;">方法</th><th style="width: 706px;"> 說明</th></tr>
<tr><td style="width: 127px;"><span id="goog_1155139594"></span><a href="https://www.blogger.com/" title="">anchor<span id="goog_1155139595"></span>()</a></td><td style="width: 706px;">建立一個HTML的錨點</td></tr>
<tr><td style="width: 127px;"><a href="http://www.victsao.com/blog/81-javascript/112-javascript-str-big" title="">big()</a></td><td style="width: 706px;">用大字型來顯示字串</td></tr>
<tr><td style="width: 127px;"><a href="http://www.victsao.com/blog/81-javascript/113-javascript-str-blink" title="">blink()</a></td><td style="width: 706px;">用閃爍的字型來顯示字串,IE無效</td></tr>
<tr><td style="width: 127px;"><a href="http://www.victsao.com/blog/81-javascript/114-javascript-str-bold" title="">bold()</a></td><td style="width: 706px;">用粗體字來顯示字串</td></tr>
<tr><td style="width: 127px;"><a href="http://www.victsao.com/blog/81-javascript/116-javascript-str-fixed" title="">fixed()</a></td><td style="width: 706px;">用等寬字型(fixed-pitch)來顯示字串</td></tr>
<tr><td style="width: 127px;"><a href="http://www.victsao.com/blog/81-javascript/117-javascript-str-fontcolor" title="">fontcolor()</a></td><td style="width: 706px;">用指定顏色顯示字串</td></tr>
<tr><td style="width: 127px;"><a href="http://www.victsao.com/blog/81-javascript/118-javascript-str-fontsize">fontsize()</a></td><td style="width: 706px;">用指定字型大小來顯示字串</td></tr>
<tr><td style="width: 127px;"><a href="http://www.victsao.com/blog/81-javascript/126-javascript-str-ita" title="">italics()</a></td><td style="width: 706px;">用斜體字來顯示字串</td></tr>
<tr><td style="width: 127px;"><a href="http://www.victsao.com/blog/81-javascript/127-javascript-str-link" title="">link()</a></td><td style="width: 706px;">把字串變成有超連結的字串</td></tr>
<tr><td style="width: 127px;"><a href="http://www.victsao.com/blog/81-javascript/112-javascript-str-big" title="">small()</a></td><td style="width: 706px;">用小字型來顯示字串</td></tr>
<tr><td style="width: 127px;"><a href="http://www.victsao.com/blog/81-javascript/128-javascript-str-strike" title="">strike()</a></td><td style="width: 706px;">顯示加上刪除線的字串</td></tr>
<tr><td style="width: 127px;"><a href="http://www.victsao.com/blog/81-javascript/131-javascript-str-supsub" title="">sub()</a></td><td style="width: 706px;">用下標來顯示字串</td></tr>
<tr><td style="width: 127px;"><a href="http://www.victsao.com/blog/81-javascript/131-javascript-str-supsub" title="">sup()</a></td><td style="width: 706px;">用上標來顯示字串</td></tr>
<tr><td style="width: 127px;"><a href="http://www.victsao.com/blog/81-javascript/133-javascript-string-chartat" title="">charAt()</a></td><td style="width: 706px;">傳回索引值位置的字元</td></tr>
<tr><td style="width: 127px;"><a href="http://www.victsao.com/blog/81-javascript/134-javascript-str-charcodeat" title="">charCodeAt()</a></td><td style="width: 706px;">傳回索引值位置的unicode編碼</td></tr>
<tr><td style="width: 127px;"><a href="http://www.victsao.com/blog/81-javascript/136-javascript-str-concat" title="">concat()</a></td><td style="width: 706px;">合併多個字串並傳回新的合併後字串</td></tr>
<tr><td style="width: 127px;"><a href="http://www.victsao.com/blog/81-javascript/136-javascript-str-concat" title="">fromCharCode()</a></td><td style="width: 706px;">把多個unicode轉成字串</td></tr>
<tr><td style="width: 127px;"><a href="http://www.victsao.com/blog/81-javascript/139-javascript-str-indexof#top" title="">indexOf()</a></td><td style="width: 706px;">搜索並傳回指定子字串在字串中第一次出現的位置</td></tr>
<tr><td style="width: 127px;"><a href="http://www.victsao.com/blog/81-javascript/140-javascript-str-lastindexof" title="">lastIndexOf()</a></td><td style="width: 706px;">由後往前搜索並傳回指定子字串在字串中第一次出現的位置</td></tr>
<tr><td style="width: 127px;"><a href="http://www.victsao.com/blog/81-javascript/141-javascript-str-match" title="">match()</a></td><td style="width: 706px;">使用正規表達式來搜尋字串,傳回匹配功的字串陣列</td></tr>
<tr><td style="width: 127px;"><a href="http://www.victsao.com/blog/81-javascript/142-javascript-str-replace" title="">replace()</a></td><td style="width: 706px;">比對並替換字串,可以使用正規表達示</td></tr>
<tr><td style="width: 127px;"><a href="http://www.victsao.com/blog/81-javascript/143-javascript-str-search" title="">search()</a></td><td style="width: 706px;">使用正規表達式來搜尋字串,傳回字串所在位置的索引值</td></tr>
<tr><td><a href="http://www.victsao.com/blog/81-javascript/146-javascript-str-slice#top" title="">slice()</a></td><td style="width: 706px;">依起始索引與結束索引取得字串中的子字串</td></tr>
<tr><td style="width: 127px;"><a href="http://www.victsao.com/blog/81-javascript/147-javascript-str-split" title="">split()</a></td><td style="width: 706px;">分割字串並傳回字串陣列</td></tr>
<tr><td style="width: 127px;"><a href="http://www.victsao.com/blog/81-javascript/148-javascript-str-substr" title="">substr()</a></td><td style="width: 706px;">依起始索引與長度取得字串中的子字串</td></tr>
<tr><td style="width: 127px;"><a href="http://www.victsao.com/blog/81-javascript/149-javascript-str-substring" title="">substring()</a></td><td style="width: 706px;">取得字串中的子字串</td></tr>
<tr><td style="width: 127px;"><a href="http://www.victsao.com/blog/81-javascript/152-javascript-str-lowercase">toLowerCase()</a></td><td style="width: 706px;">把字串變成小寫</td></tr>
<tr><td style="width: 127px;"><a href="http://www.victsao.com/blog/81-javascript/153-javascript-str-uppercase" title="">toUpperCase()</a></td><td style="width: 706px;">把字串變成大寫</td></tr>
<tr><td style="width: 127px;"><a href="http://www.victsao.com/blog/81-javascript/154-javascript-str-valueof" title="">valueOf()</a></td><td style="width: 706px;">傳回物件原始值(primitive value)</td></tr>
</tbody>
</table>
<br />
<br />
參考:<a href="http://www.victsao.com/blog/81-javascript/110-javascript-string" target="_blank">字串物件 String</a> VicTsaohttp://www.blogger.com/profile/02575351478880089064noreply@blogger.com0tag:blogger.com,1999:blog-2902274101450264748.post-71445385758169261022013-02-17T00:39:00.003-08:002013-02-17T00:39:34.295-08:00javascript onload 事件<span style="font-family: "Courier New", Courier, monospace;">onload 事件是在網頁載入完畢時會發出的事件<br />其中包括了HTML 中包含的 圖像檔 與 JS 檔 等資源。<br />onload事件的運用有幾種:<br />1. 在HTML表簽中使用onload=""<br /> 譬如說<body onload="alert(Hi)"></body><br /> 這種作法,會將雙引號內的字串當成程式碼來執行。<br />2. 在javascript程式碼當中使用window.onload;<br /> 譬如說:<br /> <script type="text/javascript"><br /> function funA(){alert("Hi");}<br /> window.onload=funA<br /> </script><br />要注意的是使用onload或是window.onload是會互相覆蓋的,<br />所以不能重複定義。<br />為了避免這點,可以使用下面這方法:<br /> var oldonload = window.onload || function () {}; <br /> window.onload = function () { <br /> oldload();<br /> // javascript code<br /> }<br />將原本onload保存起來,<br />然後在新的onload處理函式中呼叫原本的onload處理函式。</span><br />
<span style="font-family: "Courier New", Courier, monospace;">jQuery中有個.ready可以有點類似onload,他會監聽DOMContentLoaded事件,<br />能在瀏覽器下載其他資源前就先執行,而且不會互相覆蓋。<br />.ready 的使用方法:<br />■ $(document).ready(handler)<br />■ $().ready(handler) =&gt;官方網站不建議使用這個。<br />■ $(handler)</span><br />
<span style="font-family: "Courier New", Courier, monospace;">.ready可能會跟onload 或是 window.onload衝突,這點要注意。</span><br />
<span style="font-family: "Courier New", Courier, monospace;"></span><br />
<span style="font-family: "Courier New", Courier, monospace;">參考</span><span style="font-family: "Courier New", Courier, monospace;">:<a href="http://www.victsao.com/blog/81-javascript/75-onload" target="_blank">onload的弔詭</a></span>VicTsaohttp://www.blogger.com/profile/02575351478880089064noreply@blogger.com0tag:blogger.com,1999:blog-2902274101450264748.post-17711183438296097022013-02-16T19:27:00.002-08:002013-02-16T19:35:52.705-08:00Javascript 的for 迴圈Javascript的for迴圈很基本很容易用,<br />
但很也容易忘記中間是要用 ; 號還是 , 號來做間格。<br />
畢竟每個語言都不太一樣,容易搞混。<br />
<br />
<span style="font-family: "Courier New", Courier, monospace;">for(var i=1; i<11; i++){</span><br />
<span style="font-family: "Courier New", Courier, monospace;">}</span><br />
<br />
1. 用分號 ; 來做間隔。<br />
2. 上面這例子的 for 迴圈中,雖然i在for()內宣告,<br />
但 i 其實不算是for迴圈內的區域變數。<br />
他跟for迴圈是處在相同的命名空間。<br />
<span style="font-family: "Courier New", Courier, monospace;"> 所以說下面這例子, 會彈出個訊息視窗秀出11。</span><br />
<span style="font-family: "Courier New", Courier, monospace;"> for(var i=1; i<11; i++){</span><br />
<span style="font-family: "Courier New", Courier, monospace;"> }</span><br />
<span style="font-family: "Courier New", Courier, monospace;"> alert(i);</span><br />
有時候這點確實容易忽略,雖然也沒啥大礙。<br />
<u><span style="color: #0066cc;"></span></u><br />
參考:<span style="color: #0066cc;"><u><a href="http://www.victsao.com/blog/81-javascript/104-javascript-for" target="_blank">迴圈敘述 for 與 for in</a></u></span><u></u>VicTsaohttp://www.blogger.com/profile/02575351478880089064noreply@blogger.com0