JavaScript

複製代碼 代碼如下: function foo() { } setInterval( "foo()", 1000 ); 如果使用OO的技術，可以這樣， 複製代碼 代碼如下: // constructor function MyObj { function foo() { alert( this.data ); } this.timer = foo; this.data = "Hello"; setInterval( "this.timer()", 1000 ); } function

看到一個問題，大概是這個樣子得。 複製代碼 代碼如下: name = 'out of you' foo = function(){ this.name = 'xxoo'; } foo.prototype.say = function(){ console.log(this.name); } f = new foo(); f.say(); // 這句會輸出xxoo setTimeout(f.say, 500); // 這句會輸出out of you

　　今天我們想與大家分享一組創意的頁面切換熊效果集合。我們已經在樣本中羅列了一組動畫，可以被應用到頁面切換過程中，創造出很有趣的導航效果。雖然有些效果都非常簡單，只是簡單的滑動動作，但另外的一些則是利用了視角（Perspective）和 3D 轉換（3D Transforms）來創造一些立體動感的效果。　　      線上示範　　溫馨提示：　　CSS 動畫根據它們的實現的效果分為不同的組。為展示頁面過渡效果，我們使用以下結構：<div id="pt-

如果不想在url中看到有明文，比如http://localhost:8080/template_1/login.action?user=張三 可以使用js的encodeURI的URLDecoder.decode一起使用一起來把url加密下 (1)JS在頁面上把資料var val = encodeURI(encodeURI("要傳到伺服器端的是值")); //調用2次encodeURI

     在網頁設計製作過程中，新人往往會遇到一個問題，就是瀏覽器的不相容問題。這種狀況在大學學習過程中會經常遇到，但一直也沒有得到很好的解決，今天有機會仔細研究了一下，這是有關瀏覽器標準模式與怪異模式之間的問題。標準模式(strict mode)和怪異模式(quirks

在做使用者尋找時 因為要把尋找的結果動態載入和顯示，所以，那些html元素要由Ajax動態產生。使用者開啟尋找介面時，有系統推薦的使用者，而當使用者按條件尋找後，尋找的結果動態載入和顯示。所以考慮到用js來搞。 這個for迴圈就是移除已有的表單。然後根據Ajax請求過來的資料，動態產生新的表單對象。一定要注意j變數從大往小迴圈，否則，刪除div元素後會引起serchResultLenth=serchResult.children.length;長度的變化（這個問題摸索了好久，才搞定，切記）

有時需要擷取圖片的尺寸，這需要在圖片載入完成以後才可以，求方法？ 一、load事件 複製代碼 代碼如下: <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>img - load event</title> </head> <body> <img id="img1"

jquery mobile 對手勢觸控提供了如下幾個事件監聽:複製代碼 代碼如下:tap  當使用者點螢幕時觸發taphold 當使用者點螢幕且保持觸摸超過1秒時觸發swipe 當頁面被垂直或者水平拖動時觸發。這個事件有其相關聯的屬性，分別為scrollSupressionThreshold, durationThreshold, horizontalDistanceThreshold, and

話說今天只是粗略瀏覽了一下Proxy SwitchySharp的源碼，就收穫了不少東西，其中就包括本文要介紹的讀取和儲存檔案。因為Google還不提供同步外掛程式資料的功能，所以匯入和匯出外掛程式配置就必須和檔案打交道了。而出於安全原因，只有IE才提供訪問檔案的API；但隨著HTML 5的到來，其他瀏覽器也紛紛支援了。首先說讀取檔案。W3C提供了一些File API，其中最重要的是FileReader這個類。先列出需要用到的HTML標籤：複製代碼 代碼如下:<input

HTML精確定位屬性:scrollLeft,scrollWidth,clientWidth,offsetWidthscrollHeight: 擷取對象的滾動高度。scrollLeft:設定或擷取位於對象左邊界和視窗中目前可見內容的最左端之間的距離scrollTop:設定或擷取位於對象最頂端和視窗中可見內容的最頂端之間的距離scrollWidth:擷取對象的滾動寬度offsetHeight:擷取對象相對於版面或由父座標 offsetParent

jQuery自訂了jQuery.extend()和jQuery.fn.extend()方法.其中jQuery.extend()方法能夠建立全域函數或者選取器,而jQuery.fn.extend()方法能夠建立jQuery對象方法. 例如: 複製代碼 代碼如下: jQuery.extend({ showName : function(name){ alert(name) } }); jQuery.showName("深藍");

Promise 編程模式也被稱為 thenable，可以理解為 延遲後執行。每個 Promise 都擁有一個叫做 then 的唯一介面，當 Promise 失敗或成功時，它就會進行回調。它代表了一種可能會長時間運行而且不一定必須完成的操作結果。這種模式不會阻塞和等待長時間的操作完成，而是返回一個代表了承諾的（promised）結果的對象。當前的許多 JavaScript 庫（如 jQuery 和 Dojo、AngularJS）均添加了這種稱為 Promise

函數：原型每一個建構函式都有一個屬性叫做原型(prototype,下面都不再翻譯，使用其原文)。這個屬性非常有用：為一個特定類聲明通用的變數或者函數。prototype的定義你不需要顯式地聲明一個prototype屬性，因為在每一個建構函式中都有它的存在。你可以看看下面的例子：Example PT1複製代碼 代碼如下:function Test(){}alert(Test.prototype); // 輸出

在js中如果打算使用setInterval進行倒數,計時等功能,往往是不準確的,因為setInterval的回呼函數並不是到時後立即執行,而是等系統計算資源空閑下來後才會執行.而下一次觸發時間則是在setInterval回呼函數執行完畢之後才開始計時,所以如果setInterval內執行的計算過於耗時,或者有其他耗時任務在執行,setInterval的計時會越來越不準,延遲很厲害. 下面的代碼可以說明這個問題 複製代碼 代碼如下: var startTime = new

毋庸置疑，這種方式是比較容易理解的，在子類中調用父類的建構函式。另外，這種方法最大的一個優點就是說構造繼承可以實現多繼承，複習下這個代碼：複製代碼 代碼如下:function A(){    }function B(){    }function C(){    this.father=A;    this.father();    delete

Javascript究竟是一門物件導向的語言，還是一門支援對象的語言，我想每個人都有著自己的看法。那些Javascript忠實的Fans一定講Javascript是一門物件導向的語言，像《Javascript王者歸來》一書中對Javascript的說法是基於原型的物件導向。我談談我個人的看法。物件導向的三個特徵，繼承，多態，封裝，Javascript雖然實現起來不像Java,C#等物件導向的語言來得快，但是畢竟也有著一定的支援。因此說Javascript是物件導向的語言是有著一定道理的，但是從繼

 FizzBuzzWhizz 你是一名體育老師，在某次課距離下課還有五分鐘時，你決定搞一個遊戲。此時有100名學生在上課。遊戲的規則是： 1. 你首先說出三個不同的特殊數，要求必須是個位元，比如3、5、7。2. 讓所有學生拍成一隊，然後按順序報數。3. 學生報數時，如果所報數字是第一個特殊數（3）的倍數，那麼不能說該數字，而要說Fizz；如果所報數字是第二個特殊數（5）的倍數，那麼要說Buzz；如果所報數字是第三個特殊數（7）的倍數，那麼要說Whizz。4.

有時我們需要一個可選的下拉框來選取內容，但是但是又有可以自訂輸入的需求。對於這種需求，大部分網站使用的都是一個下拉框和一個 input text ，並列或分行給出選擇。那麼，我們希望它看上去像一個可以輸入也可以選擇的下拉框，那該如何做呢？其實我們可以通過 css position 定位及少許的 javascript 代碼，類比出來這種效果。複製代碼 代碼如下:<!DOCTYPE

一、前言 requireJS(一) 本篇主要整理requirejs的一些用法，相對比較零散。 執行個體目錄   二、最佳化 requirejs建議我們給每一個模組書寫一個js檔案。但是這樣會增加網站的http請求，這時可利用工具打包，詳情求戳連結查看。   三、關於define自訂模組 之前說到自訂模組define（）可接收三個參數，其中第一個參數為模組的名字。即我們可以顯式的定義模組的

Jquery 方式擷取 iframe Dom元素測試頁面代碼： jquery方式，訪問iframe頁面dom元素 <script type="text/javascript" src="http://s1.bdstatic.com/r/www/cache/static/jquery/jquery-1.10.2.min_f2fb5194.js"></script> <script type="text/javascript"> function