javascript

[JavaScript] getElements ByClassName 取得對應的 Class 物件進行操作

最近使用 純 JavaScript 選取 class 時,碰到了一些問題,我發現我沒有辦法像使用 document.getElementById 一樣,直接調用一些事件的方法,如:onclick document.getElementsByClassName('classname').onclick = function(){ alert('click'); } -------------------------------------------------------------------------------- 這邊有個簡單也很基本的觀念: 在 HTML 中,一個物件的 ID 在整個

[JavaScript] null 是不是個物件?

最近到某家的科技公司面試,被詢問了一些關於 JavaScript 的問題,被問到了其中一題如下: typeof null === 'object' && (console.log('null is a object')) 這題很直接的就在考對 JavaScript 的物件的熟悉度,當下這題我並沒有回答出正確的答案,也代表這自己對 JavaScript 的 物件,還不是這麼的熟悉 之後詳讀了相關文件,於下方做紀錄: -------------------------------------------------------------------------------- 首先

[JavaScript] Array.indexOf() 檢查 陣列 (Array) 元素

indexOf 為 JavaScript 提供來搜尋 陣列(Array) 元素的方法,根據 搜尋的項目 來比對 陣列(Array) 的 元素,回傳其 索引值 , 如果都沒有搜尋到結果,則回傳 -1 如下: -------------------------------------------------------------------------------- indexOf() : {Array|String}.indexOf(searchValue[, fromIndex]) > 只要有 length 的屬性,皆可以使用 --------------------------------------------------------------------------------

[JavaScript]了解 this 與 new 函式

什麼是 this 對於一個 JavaScript 的新手來說,是一個很頭大的問題,其實並沒有這麼的複雜,下面來實際說明: -------------------------------------------------------------------------------- this this 其實並沒有想像中的複雜,如下: 物件.函式(); 函式(function)裡的 this , 指的就只是 函式前方的物件 而已,看下方範例: var k = { 'name':'Andy', 'age&

[JavaScript] 非同步處理技巧 回呼函式 Callback

在前一篇文章: javascript-非同步asynchronus-函式 [https://goo.gl/YA8SDM] 中,我們介紹了 非同步(Asynchronus) 的觀點了,再來將說明如何使用 回呼函式(callback) 來進行撰寫較易維護的編碼: -------------------------------------------------------------------------------- 編碼如下,下方是一個 AJAX 的範例: var req = new XMLHttpRequest(); req.open('get','http://skyroxas.tw/