用 Javascript library 做照片(封面照)輪播模組 Cover flow

最近因為客戶需要一個照片輪播的模組，因此就找了幾個還活著且可以用的 JS library，做個紀錄。

如何在 Javascript each 中做 break 或 continue

我們都知道很多程式語言都有 break 和 continue 可以用，但若想用 Javascript each 使用這兩個語法，可不是這樣用的，以下就來看看正確的使用方式吧！

1. $(".items").each(function() {
2.     if ( wantContinue ) {
3.         return true;
4.     }  //  continue
5. 
   
6.     if ( wantBreak ) {
7.         return false;
8.     }  //  break
9. });

結論就是:

1. return true > continue
2. return false > break

PHP Array 經過 json_encode 後在 Javascript 使用之順序錯誤的問題

我們常常會在 PHP 端把資料陣列做 json_encode 再傳給 Javascript 做處理，但是假如我們在 PHP 的 array 是有 key 值的(無論數字或英文)，且經過 json_encode 再傳給 Javascript 用，就會發現在 Javascript 中陣列的順序會被依序排序，所以如果有這類的使用情境一定要特別注意，以免 Debug 半天找不到原因在哪！

而解決的方法其實也很簡單，第一個方法當然就是在 PHP 端先把它重組並照著順序排好。第二個方法則是在 PHP array 中建立一個排序值，然後在 Javascript 中把 Json object 轉換成 Javascript 的 array，如此一來便不會發生此問題啦！

Javascript 之 location.href 和 location.replace 的差異

在 JavaScript 中若要撰寫網頁轉址程式非常容易，只要使用 location.href 便可達成，而其實還有另外一個 location.replace 可用，究竟這兩者間有什麼差別呢? 今天我就來簡單說說它們之間的差異。

用 Javascript 取代(replace)字串中某字元

一般我們想要取代某字串，不外乎都是使用 replace 之類的函式，但是在 Javascript 使用這個函式比較特別一點！來猜猜看底下這段程式碼的執行結果會是什麼呢？

1. var str = "Test Hello World!";
2. str.replace('e', 'q');

Javascript 切割出子字串之 substr() 與 substring() 的差別

當我們想使用 Javascript 來取得某字串中的子字串，通常會使用 substr 或 substring 這兩個 function，而這兩個 function 究竟有什麼差別呢? 以下我們就用兩個簡單的範例來說明:

用 Javascript 判斷某字串中是否含有特定字串

在 Javascript 中若想尋找某字串是否含有特定字串時，該怎麼做呢? 答案就是藉由 match() 或 indexOf() 這兩個 function 啦！以下就附上這兩個 function 的使用方法。

一. match() 的用法:

1. var input = "Hello world!";
2. alert( input.match("world") );  //  若不含有特定字串會回傳 null

要特別注意的是 match 還可傳入 regexp 的變數來做判斷，可參考 W3School 的說明。

二. indexOf() 的用法:

1. var input = "Hello world!";
2. alert( input.indexOf("world") );  //  若不含有特定字串會回傳 -1

Javascript 判斷及設定 元素 的 display 屬性

在 Javascript 若想判斷或設定某個元素的 display 屬性是什麼可以透過以下方式達成(用 id 來舉例):

1. alert( document.getElementById('test').style.display );  //  該元素目前的 display
2. 
   
3. document.getElementById('test').style.display = "none";  //  設定該元素的 display

Javascript 小數點的無條件進位、四捨五入及無條件捨去

我們常常需要對數字做運算並將結果無條件進位、四捨五入或無條件捨去，以下就提供在 Javascript 中的實現方法:

在 Javascript 中使用類似 foreach 的方法

相信習慣使用 foreach 的人也想在 Javascript 中使用它吧！可是 Javascript 中並沒有 foreach 可以用，但有類似的方法能實現它，那就是「for - in」啦！以下附上兩個範例程式碼:

使用 JavaScript 重整、前往(導向)特定網頁

當網頁內的資料有變動時，我們常會透過JavaScript讓網頁重整，語法如下:

1. window.location.reload();

而若是要將目前網頁前往(導向)另一個特定網頁的話則可使用下面語法:

1. window.location.href = 'http://www.google.com';

JavaScript 的 Alert 之確定取消設定(confirm)

若在JavaScript使用alert會發現它只有「確定」選項可以按，但是有時候我們可能會需要選項多一個取消，作法其實很簡單。

透過Javascript使用計時器

若想要在Html中使用計時器，可以透過Javascript來達成目的，使用setInterval來設定計時，而使用clearInterval來停止計時，便可達到許多的應用，如下面程式碼: