JavaScript

趕緊總結一下javascript的調試技巧，這次首先是“快速定位”篇。快速定位，其實就是快速定位程式的錯誤，所以也算是調試。這個在實際的碼代碼時往往比較實用。大多數情況下，你的js代碼不多（少於1000行），只要能迅速發現代碼的錯誤，往往不用複雜的調試。關於常用的快速定位方法，我總結了一下幾點，歡迎大家補充。1. 使用alertalert其實比較實用。本地調試中，在合適的位置寫alert，打出來一些變數，雖然比較土，但是往往事半功倍！另外有一個alert技巧，想看看一個對象中的屬性和它

文章簡介：JavaScript滑鼠拖動+自動吸附執行個體。 學了幾天的JavaScript，自己動手做了一個簡單的滑鼠拖動的執行個體，拖動過程中科自動檢測與目標容器的距離，在一定的距離範圍內可以自動將被拖動的元素加入到目標容器中，希望對開始學習javascript的童鞋有用……先看看效果圖（Chrome、FireFox、Opera、Safari、IE9測試通過）：效果圖（虛線框：目標對象 藍色填充透明框：臨時拖動對象

文章簡介： JavaScript中的數組排序。 JavaScript提供了sort()方法和reverse()方法，使得我們可以簡單的對數組進行排序操作和逆序操作。其中：1.JavaScript的sort()中如果沒有指定比較函數，則預設會按照字元的編碼順序進行升序排序。也就是說如果我們想要對數值進行排序得到的不一定是我們想要的結果。2.Javascript的reverse()將數組中的元素逆序。先看看上面的第一點，如果有一個數組arr=[1,6,3,7,9]，使用arr.

文章簡介：建立自訂對象的最簡單的方式就是建立一個Object執行個體，然後再為它添加屬性和方法. 建立自訂對象的最簡單的方式就是建立一個Object執行個體，然後再為它添加屬性和方法，如下所示：var person = new Object();person.name = "Nicholas";person.age = "29"person.job = "Software

以下方法[chekDate]驗證類似"YYYY-MM-DD"格式的日期輸入.包括日期實際性驗證. 若日期正確,返回true;否則返回false. function checkDate(theDate){ var reg = /^\d{4}-((0{0,1}[1-9]{1})(1[0-2]{1}))-((0{0,1}[1-9]{1})([1-2]{1}[0-9]{1})(3[0-1]{1}))$/; var result=true;

文章簡介：ECMAScript通過RegExp類型來支援Regex。 ECMAScript通過RegExp類型來支援Regex。var expression = /pattern / flags;其中的模式（pattern）部分可以是任何簡單會複雜的Regex，可以包含字元類、限定符、分組、向前尋找，以及反向引用。每個Regex都可帶有一個或多個標誌（flags），用以標明Regex的行為。三個標誌：g

文章簡介：Javascript執行個體教程:DOM方法建立和修改表格. <table>元素是HTML中最複雜的結構之一。要想建立表格，一般都必須涉及表示表格行、儲存格、表頭等方面的標籤。由於涉及的標籤多，因而使用核心DOM方法建立和修改表格往往都免不了要編寫大量的代碼。假設我們要使用DOM來建立下面的HTML表格：<table border="1" width="100%"> <tbody>

文章簡介：IE和FireFox中的childNodes區別!!  Javascript中，相信大家都試過用getElementsByTagName和childNodes來實現對節點的遍曆。但是getElementsByTagName對複雜的DOM結構遍曆明顯不如用childNodes，因為childNodes能更好的處理DOM的層

文章簡介：為firefox實現innerText屬性。 很多代碼寫了又忘忘了又寫，很浪費，所以決定養成做筆記的習慣。知識點：0、為什麼要innerText？因為安全問題 1、為firefox dom模型擴充屬性

文章簡介：做移動、拖動時常用的js屬性. 1.clientHeight, clientWidth: 這兩個屬性大體上顯示了元素內容的象素高度和寬度.理論上說這些測量不考慮任何通過樣式表加入 元素中的頁面邊界,邊框等. 2.clientLeft,clientTop: 這兩個返回的是元素周圍邊框的厚度,如果不指定一個邊框或者不定位改元素,他的值就是0. 3.scrollLeft,scrollTop: 如果元素是可以滾動的,可以通過這倆個屬性得到元素在水平和垂直方向上滾動了多遠,

文章簡介：js遞迴函式調用自身時的保險方式。 來自js進階程式設計一個典型階乘遞迴函式：function fact(num){if (num<=1){return 1;}else{return num*fact(num-1);}}以下代碼可導致出錯：var anotherFact = fact;fact = null;alert(antherFact(4));

文章簡介：物件導向——自訂捲軸，配合滑鼠事件;估計錯誤很多. 物件導向——自訂捲軸，配合滑鼠事件;估計錯誤很多，大家幫忙找找茬吧！<!DOCTYPE HTML> <html lang="en-US"> <head> <meta

文章簡介：最後undefined 感謝閱讀此文!真誠的希望它能幫你成為一名JavaScript 愛好者。如果你已對JavaScript 很熟悉，你可以在評論中推薦其他任何相關資源。 學習新的東西是件可怕的事。對我來說，掌握一項新技能最大的問題是，我不知道自己懂什麼。鑒於此，定個計劃，學習你感興趣的東西應該會有用。這篇文章的主旨就是：你為學習JavaScript

文章簡介：使用HTML元素的style.left,style.top,style.width,style.height以及width,height屬性，都不能獲得元素的真正位置與大小，這些屬性取出來的都是原來的設定值，例如width="500"，那麼通過document.getElementById(“table1″).width取出來的值永遠都是500，而不管這個表

文章簡介：querySelector()方法接受一個CSS查詢並返回匹配模式的第一個子孫元素，如果沒有匹配的元素則返回null。 querySelector()方法接受一個CSS查詢並返回匹配模式的第一個子孫元素，如果沒有匹配的元素則返回null。請看下面的例子：//擷取body元素var body = document.querySelector("body");//擷取ID為myDiv的元素var myDiv =

文章簡介：只要調用querySelectorAll()都會返回一個StaticNodeList對象不管匹配的元素有幾個；如果沒有匹配，那麼StaticNodeList為空白。querySelectorAll()和querySelector()一樣存在與Document和Element類型上。

文章簡介：前兩章講了擷取DOM元素。這章就開始講如何操作dom。1.針對頁面上有的DOM元素操作，無非就是對這個dom元素的樣式進行操作。如果這個DOM元素沒有樣式也就談不上操作了。2.我們也可以直接用JS動態向html裡寫入DOM元素。

文章簡介：今天第二章，繼續講擷取頁面中DOM元素。大家都知道在JQ中想擷取一個元素的兄弟元素，父級元素，子項目等等是非常方便的。其實在原生的也JS也有這些屬性。和JQ幾乎相同但是比JQ少一些。但是用起來卻比JQ麻煩一點。主要因為FF瀏覽器，因為FF會把你的換行也當做一個DOM元素

文章簡介：從這張開始就和大家說一些實用的效果的寫法。當然首當其衝的就是我們可愛的TAB選項卡，用JQ寫選項卡當然是很方便的而且方法也很多。其實用原生的JS寫選項卡方法也很多。 從這張開始就和大家說一些實用的效果的寫法。當然首當其衝的就是我們可愛的TAB選項卡，用JQ寫選項卡當然是很方便的而且方法也很多。其實用原生的JS寫選項卡方法也很多。下面我就寫幾個給大家看看一，點擊傳參方法<script>function tab(dom){var list =

文章簡介：終於可以抽出點時間再出一篇教程了。廢話不多說了。今天這篇就教大家一個常用的效果。固定置中效果。其實這個應該不列入JS教程的範疇。