Time of Update: 2015-04-13
標籤:prototype屬性可算是JavaScript與其他物件導向語言的一大不同之處。簡而言之,prototype就是“一個給類的對象添加方法的方法”,使用prototype屬性,可以給類動態地添加屬性和方法,以便在JavaScript中實現“繼承”的效果。 通過以此函數作為建構函式構造出來的對象都自動的擁有建構函式的prototype對象的成員屬性和方法。其中的要點是:prototype是函數(function)的一個必備屬性(書面一
Time of Update: 2015-04-13
標籤:前言當今 JavaScript 大行其道,各種應用對其依賴日深。web 程式員已逐漸習慣使用各種優秀的 JavaScript 架構快速開發 Web 應用程式,從而忽略了對原生 JavaScript 的學習和深入理解。所以,經常出現的情況是,很多做了多年 JS 開發的程式員對閉包、函數式編程、原型總是說不清道不明,即使使用了架構,其程式碼群組織也非常糟糕。這都是對原生 JavaScript 語言特性理解不夠的表現。要掌握好 JavaScript,首先一點是必須摒棄一些其他進階語言如
Time of Update: 2015-04-13
標籤:JavaScript中的注釋(1)單行注釋,如: // 輸出標題:document.getElementById("myH1").innerHTML="Welcome to my Homepage";// 輸出段落:document.getElementById("myP").innerHTML="This is my first
Time of Update: 2015-04-13
標籤:關於範圍和作用鏈域的問題,很多文章講的都很詳細,本文屬於摘錄自己覺得對自己有價值的部分,留由後用,僅供參考,需要查看詳細資料請點擊我給出的原文連結查看原檔案做一個有愛的搬運工~~-------------------------------------------------------------------------------------------------------------------------------------------範圍js中範圍只有一種,就是函數範圍,
Time of Update: 2015-04-13
標籤:1.undefined,null,0,""
Time of Update: 2015-04-13
標籤:原文:你可能不知道的一些JavaScript 奇技淫巧 這裡記錄一下以前學習各種書籍和文章裡邊出現的JS的小技巧,分享給大家,也供自己查閱,同時感謝那些發現創造和分享這些技巧的前輩和大牛們。1、遍曆一個obj的屬性到數組 var a=[]; for(a[a.length] in obj); return a; 乍一看可能比較蒙,不過仔細分析還是不難理解的。常見用法是for(var key in
Time of Update: 2015-04-13
標籤:某人提出請教下誰能解釋下這個值var name = "The Window"; var object = { name: "My Object",  
Time of Update: 2015-04-13
標籤:原文:JavaScriptRegex快速判斷技巧 這裡是JS的正則的一點心得,並不是最完整的規則匯總,更側重實際運用中的快速判斷,初學者接觸正則之後往往會被一堆星號括弧給弄暈,有了一些速判技巧就能從整體上把握從而不慌亂。 JS正則快速判斷技巧的核心就是:注意圓括弧和問號。這已經能夠應付大部分實際應用了。 一、圓括弧 眾所周知,正則中中括弧表示範圍,大括弧表示重複次數,圓括弧表示分組。 圓括弧表示分組,但是分組內還有很多文章,細分一下:
Time of Update: 2015-04-13
標籤: 檔案注釋 檔案注釋位於檔案的最前面,應包括檔案的以下資訊:概要說明及版本(必須)項目地址(開源組件必須)著作權聲明(必須)開源協議(開源組件必須)版本號碼(必須)修改時間(必須),以ISO格式表示(可使用Sublime
Time of Update: 2015-04-13
淺談JavaScriptRegex分組匹配,javascriptRegex文法元字元:(pattern) 作用:用於反覆匹配的分組屬性$1~$9 如果它(們)存在,用於得到對應分組中匹配到的子串\1或$1 用於匹配第一個分組中的內容\2或$2 用於匹配第一個分組中的內容...\9或$9 用於匹配第一個分組中的內容用法樣本var reg = /(A+)((B|C|D)+)(E+)/gi;//該Regex有4個分組//對應關係//RegExp.$1 <->
Time of Update: 2015-04-13
js實作類別似jquery裡animate動畫效果的方法,jqueryanimate本文執行個體講述了js實作類別似jquery裡animate動畫效果的方法。分享給大家供大家參考。具體分析如下:該執行個體可實現滑鼠移上,先寬度變化,再高度變化,最後透明度變化,滑鼠移出,再依次變回去的效果。要點一:startrun(obj,attr,target,fn)box.onmouseover =
Time of Update: 2015-04-13
js實現同一個頁面多個漸層效果的方法,js頁面多個漸層本文執行個體講述了js實現同一個頁面多個漸層效果的方法。分享給大家供大家參考。具體分析如下:這裡可實現5個元素中隨便一個,滑鼠移上去透明度漸漸增加,滑鼠移出,透明度漸漸減小的效果。要點一:var speed = 0;if(target>obj.alpha){speed = 5;}else{speed = -5;}根據目標值和當時值的對比,來決定是正向還是負向速度。要點二:for(i=0; i<runs_li.length; i++
Time of Update: 2015-04-13
js實現同一頁面多個不同運動效果的方法,js實現頁面多個本文執行個體講述了js實現同一頁面多個不同運動效果的方法。分享給大家供大家參考。具體分析如下:要點一:function getstyle(obj,name){if(obj.currentStyle){return obj.currentStyle[name];}else{return getComputedStyle(obj,false)[name];}}從樣式表中根據id和屬性名稱取值。要點二:if(attr == "opacity"){
Time of Update: 2015-04-13
JavaScript實現基於Cookie的儲存類執行個體,javascriptcookie本文執行個體講述了JavaScript實現基於Cookie的儲存類。分享給大家供大家參考。具體分析如下:通過這個JS類,你可以象使用session一樣使用cookie,非常簡單了!/* * CookieStorage.js * 本類實現像localStorage和sessionStorage一樣的儲存API * 不同的是,它是基於HTTP Cookies實現的. */function
Time of Update: 2015-04-13
js實現同一頁面多個運動效果的方法,js實現頁面多個本文執行個體講述了js實現同一頁面多個運動效果的方法。分享給大家供大家參考。具體分析如下:實現原理,就是在調用的時候,給這五個元素,迴圈加上事件。需要注意的是,每個元素的定時器需要分開。要點一:var speed = (target - obj.offsetWidth)/8;緩衝運動效果,一開始速度很快,然後越來越慢,直到停止speed =
Time of Update: 2015-04-13
js實現簡單的可切換選項卡效果,js實現切換選項卡本文執行個體講述了js實現簡單的可切換選項卡效果的方法。分享給大家供大家參考。具體如下:,最簡單的純粹的選項卡第一步,當然是先寫html代碼和css樣式<!DOCTYPE html><html><head><meta charset="gb2312" /><title>無標題文檔</title><style>body,ul,li{margin:0;
Time of Update: 2015-04-13
js實現簡單的左右兩邊固定廣告效果執行個體,js左右兩邊本文執行個體講述了js實現簡單的左右兩邊固定廣告效果的方法。分享給大家供大家參考。具體分析如下:大多數網站都有左右兩邊的固定廣告位,下面呢就是實現這個效果的最簡單的代碼,可能在ie下滾動的時候會有一點抖動,這個問題以後再解決了,先實現再說。要點一:var adtop = adleft.offsetTop;獲得元素距離上邊的位置,在滾動的時候需要用到。要點二:複製代碼
Time of Update: 2015-04-13
js實現星星打分效果的方法,js實現星星打分本文執行個體講述了js實現星星打分效果的方法。分享給大家供大家參考。具體分析如下:很多網站都有如這樣的星星打分效果,今天就看下用js怎麼實現打分效果。效果詳解1. 滑鼠移上的時候星星點亮,下面的文字顯示。滑鼠移出的時候星星為灰,下面文字不顯示。2. 滑鼠移到某個星星上,它之前的所有星星都會亮。3. 滑鼠移到某個星星上並點擊,會顯示打分結果。 代碼如下<!doctype html><html><head> &
Time of Update: 2015-04-13
js實現交換運動效果的方法,js實現交換效果本文執行個體講述了js實現交換運動效果的方法。分享給大家供大家參考。具體分析如下:實現後的效果,點擊互相交換位置和距離左邊和上角的資訊。要點一:var now = s_pic_li[0];for(var i=0; i<s_pic_li.length; i++){s_pic_li[i].onclick = function(){if(this == now) return false;var w = now.offsetWidth;var h =
Time of Update: 2015-04-13
javascript表格隔行變色加滑鼠移入移出及點擊效果的方法,javascript移出本文執行個體講述了javascript表格隔行變色加滑鼠移入移出及點擊效果的方法。分享給大家供大家參考。具體分析如下:表格隔行變色,也是一個提高使用者體驗的js效果。效果實現:表格奇偶行的顏色不一樣。這樣可以防止使用者看資料時串列。滑鼠移入某行時變顏色,移出再變回來。這樣可以讓使用者清楚的知道自己正在看哪一行。表格點擊變色。便於使用者選中自己想保留的項。 說明:i%2 每個數和2模數的值,只有0和1