JavaScript

寫個小例子： 第一步:做一個“手機的類" 複製代碼 代碼如下:var MobilePhone = (function(){ 　　　　………… })() 第二步：考慮這個類，裡需要那些類的私人屬性，這裡我想定義的是執行個體出來手機的數量 複製代碼 代碼如下:var MobilePhone = (function(){ //私人屬性 var count = 0; //代表手機的數量 })()

私人方法：私人方法本身是可以訪問類內部的所有屬性的，即私人屬性和公有屬性。但是私人方法是不可以在類的外部被調用。 私人方法寫法： 複製代碼 代碼如下:function myClass () { var private_attribute = initial_value; function private_method () { } var private_method2 = function () { } } 執行個體showpet()就是一個私人方法 複製代碼 代碼如下:var

複製代碼 代碼如下:function fors(){ obj_a = obj_b; obj_b.attr = obj_a; } 複製代碼 代碼如下:function fors(){ obj_b = {}; obj_b.attr = obj_b; } 上面是兩個個很顯示的循環參考，IE中產生了記憶體泄露，由於IE的記憶體回收機制，導至會長期佔用記憶體而不能釋放。 但閉包的記憶體泄露，有些隱蔽。因為閉包的循環參考,是間接的。 複製代碼 代碼如下:function iememery(){ var

先看看要拖動的層（類比視窗）的吧。 要實現的拖動效果：滑鼠左鍵在視窗上方的標題列上按下，同時移動滑鼠，視窗跟著移動。視窗： 複製代碼 代碼如下:<div id="win"> <div id="win_header"></div> </div> 一點準備工作： 要讓視窗能自由移動，那麼視窗的定位（position）應該採用絕對位置（absolute）；

console.log(); 當你使用console.log()函數時，下面的firebug一定要開啟，不然這函數在用firefox運行時無效且影響正常程式，如果用IE開啟，將會出錯。 第一個參數可以是一個包含格式化預留位置輸出的字串，例如： console.log("The %s jumped over %d tall buildings", animal, count); 格式化字串 類型 %s 字串 %d, 整型 %i (暫不支援數字型） %f 浮點型 （暫不支援數字型） %o

1、直接建立模式。這是最簡單也是最直接的一種模式，首先建立一個參考型別的對象，然後為其添加自訂屬性和方法。範例程式碼如下： 複製代碼 代碼如下:var person = new Object(); person.name = "Sam"; person.age = 16; person.speak = function(){ alert(this.name + "is " + this.age + "years old"); } person.speak();

複製代碼 代碼如下:txt1.onkeydown = function(ev){ var oevent = ev||event; if(oevent.ctrlKey && oevent.keyCode == 13){ …… } } txt1:綁定事件的對象，例如:一個文本輸入框input。 oevent:事件對象（包含事件的很多有用詳情）。 keyCode:可以擷取到鍵盤按下的索引值。例如：斷行符號鍵就是13。

複製代碼 代碼如下:function obj2str(o){ var r = []; if(typeof o =="string") return "\""+o.replace(/([\'\"\\])/g,"\\$1").replace(/(\n)/g,"\\n").replace(/(\r)/g,"\\r").replace(/(\t)/g,"\\t")+"\""; if(typeof o == "object"){ if(!o.sort){ for(var i in o) r.push(i+

先說一種最普遍的思路： 把圖片們用ul之類的包起來，並設定float。然後設定這個ul本身為absolute定位，其父標籤用relative定位。通過設定ul的left或top值，實現圖片隊列的滾動效果 特點： 只操作一個html元素（即上文的ul），對系統開銷小；滾到頭會復原；從大序號滾動到小序號也會復原；從最後序號滾動到第一個，會“咻”的一下把所有中間的圖片也路過一次。 另一種思路就是我在XScroll.js裡實現的思路，所有圖片用絕對位置。具體看那篇文章吧。

使用這個類庫，可以協助你有效處理相關日期。希望大家喜歡！ 主要特性： 3.2kb超輕量級 獨立類庫，意味這你不需要倒入一堆js 日期處理支援UNIX 時間戳記，String，指定格式的Date 日期處理：加，減日期 日期顯示：包括相對時間顯示的日期顯示選項 其它內建的功能，例如，儲存，timezone offset和i18n支援 可以作為node.js的一個模組 完整的文檔介紹 如何使用？ 複製代碼 代碼如下:var now = moment(); console.log(now.format(

在大家日常網站開發和web應用開發中，我們往往需要有效調用Javascript處理日期和時間格式相關的函數，在Javascript中已經包含了部分最基本的內建處理方法。當然如果大家有時間的話，完全可以自己開發和編寫需要的方法，但是有效使用別人已經開發好的類庫肯定是一個更好的處理方式，沒有必要什麼都原創吧，君子善假於物也。今天這裡我們收集了5個最佳的日期處理函數類庫，希望對於大家有協助，如果你喜歡我們的文章，請大家給我們留言，謝謝！1. XDate

儘管很多的開發人員都樂於頌揚javascript，但是仍舊有人看到它的陰暗面。 使用很多javascript代碼的web頁面會載入很慢，過多的使用javascript使得網頁醜陋和拖遝。很快如何有效地使用javascript成為一個非常火熱的話題。 這裡讓我們列出10個最佳javascript實踐，協助你有效地使用javascript。 1. 儘可能的保持代碼簡潔 可能大家都聽到過了N遍這個代碼簡潔問題了。作為一個開發人員你可能在你的代碼開發過程中使用了很多次，但千萬不要在js開發中忘記這點。

其實這個應該不列入JS教程的範疇。應為FF，IE6以上瀏覽器都支援fixed這個固定屬性。唯獨IE6不支援。所以我為了可惡的IE6。我這裡就出一篇教程吧。而且這種效果也可以鍛煉同學們的計算能力。以後很多效果都需要你的計算能力。哈哈 固定置中。或者固定在任何地方思想幾乎是一樣的。只你要演算法清楚了。效果寫起來就輕而易舉了。先貼代碼 xmlns="http://www.w3.org/1999/xhtml"> 我就在中間隨便你們怎麼改變視窗大小和高度

下面我就寫幾個給大家看看 一，點擊傳參方法 複製代碼 代碼如下:<script> function tab(dom){ var list = document.getElementById("list").getElementsByTagName("li"); var con = document.getElementById("con").getElementsByTagName("div"); for(var i=0;i<list.length;i++){ if(list=

如果這個DOM元素沒有樣式也就談不上操作了。2.我們也可以直接用JS動態向html裡寫入DOM元素。 今天這章我們就講這兩個應用 （一）對html裡現有的DOM元素進行操作。 我上面說了，對現有的DOM元素進行操作，無非就是對樣式的操作。所以我們首先就要能擷取這個DOM元素的樣式。在講擷取DOM元素的樣式之前。先要說下DOM元素的樣式連結方式。有三種。 一是直接在html文檔裡寫入樣式例如 <div style="width:300px;height:200px;background:#0

其實在原生的也JS也有這些屬性。和JQ幾乎相同但是比JQ少一些。但是用起來卻比JQ麻煩一點。主要因為FF瀏覽器，因為FF會把你的換行也當做一個DOM元素。比如說 複製代碼 代碼如下:<div id = "dom"> <div></div> <div></div> </div> 我用原生的JS擷取ID為dom的元素下的子項目。用我第一章說的方法就是var a =

介紹 本章我們將介紹在JavaScript裡大家經常來討論的話題 —— 閉包（closure）。閉包其實大家都已經談爛了。儘管如此，這裡還是要試著從理論角度來討論下閉包，看看ECMAScript中的閉包內部究竟是如何工作的。 正如在前面的文章中提到的，這些文章都是系列文章，相互之間都是有關聯的。因此，為了更好的理解本文要介紹的內容，建議先去閱讀第14章範圍鏈和第12章變數對象。

我相信可能大部分人來這裡學javascript主要還是想用這個結合頁面中的DOM元素做一些實際有用的互動效果。所以我這裡只教大家最實際，最有用的javascript應用。但是前提大家最好有一些javascript或者jquery的編程的基礎。好廢話不多說了。 今天第一篇，就教大家如何用javascript擷取頁面中的dom元素。這個很重要。我會對照JQuery來講。 如果頁面中的元素是ID屬性 <div id="dom"></div> JQ的方法：$("#dom"),

介紹 本章節我們要著重介紹的是一個非常常見的ECMAScript對象——函數（function),我們將詳細講解一下各種類型的函數是如何影響內容相關的變數對象以及每個函數的範圍鏈都包含什麼，以及回答諸如像下面這樣的問題：下面聲明的函數有什麼區別嗎？（如果有，區別是什麼）。 原文：http://dmitrysoshnikov.com/ecmascript/chapter-5-functions/ 複製代碼 代碼如下:var foo = function () { ... }; 平時的慣用方式：

在JavaScript開發中，被人問到：null與undefined到底有啥區別？一時間不好回答，特別是undefined，因為這涉及到undefined的實現原理。於是，細想之後，寫下本文，請各位大俠拍磚。總所周知：null == undefined但是：null !== undefined 那麼這兩者到底有啥區別呢？請聽俺娓娓道來...null這是一個對象，但是為空白。因為是對象，所以 typeof null 返回 'object' 。null 是 JavaScript