JavaScript

一、什麼是事件冒泡 在一個對象上觸發某類事件（比如單擊onclick事件），如果此對象定義了此事件的處理常式，那麼此事件就會調用這個處理常式，如果沒有定義此事件處理常式或者事件返回true，那麼這個事件會向這個對象的父級對象傳播，從裡到外，直至它被處理（父級對象所有同類事件都將被啟用），或者它到達了對象層次的最頂層，即document對象（有些瀏覽器是window）。 打個比方說：你在地方法院要上訴一件案子，如果地方沒有處理此類案例的法院，地方相關部門會幫你繼續往上級法院上訴，比如從市級到省級，

然而，在今天一些大型的WEB互動項目中，比如大型的WebGame項目，JavaScript事件冒泡影響是值得重視的。本文通過一個簡單的例子來講解JavaScript事件冒泡及使用注意事項。 如果你對JavaScript事件冒泡還沒有什麼印象，不妨先看看我之前寫的一篇部落格《JavaScript事件冒泡簡介及應用》。本文講究實用，不在對JavaScript事件冒泡基礎知識進行過多的闡述。

雖然這個集合的 key 只能是 String 類型，不像 Java 裡面的各種集合類能夠使用各種對象作為 Key ，但對於實現一般的用戶端 JS 功能來說，已經是足夠用了。同樣，因為所有的 JS 內部對象都繼承自 Object 對象，所以實際上 JS 的 Array 對象也可以使用字串來做為數組的下標，就像 PHP 中的陣列變數一樣。來自鳥食軒。

JQuery，mootools，Ext等類庫在這部分實現得非常艱辛，盤根錯節地動用一大堆方法，因此想把這部分摳出來難度很大。深入研究它們的實現後，根據我積累的CSS知識，終於做出一個非常簡煉的版本出來。它相當於JQuery.cssCur吧，不過或許功能還豐富一些，按飲食業話說叫“加量不加價”，我的可能還應叫“加量還減價”……版本還處於Beta階段，由於只個工具函數就不弄成類了。 複製代碼 代碼如下: var getStyle = function(el, style){ if(!+"\v1"){

IE對盒模型的渲染在 Standards Mode和Quirks Mode是有很大差別的，在Standards Mode下對於盒模型的解釋和其他的標準瀏覽器是一樣，但在Quirks Mode模式下則有很大差別，而在不聲明Doctype的情況下，IE預設又是Quirks Mode。所以為相容性考慮，我們可能需要擷取當前的文檔渲染方式。 document.compatMode正好派上用場，它有兩種可能的傳回值：BackCompat和CSS1Compat。

一. 三種數組複製方法 1. by slice var arr = [1, 2, 3], copyArr; copyArr = arr.slice(); 2. by concat var arr = [1, 2, 3], copyArr; copyArr = arr.concat(); 3. by loop var arr = [1, 2, 3], copyArr = []; for (var i=0, j=arr.length; i 二. 測試環境 瀏覽器: IE6+, FF 3.5.5,

使用樣本： 複製代碼 代碼如下: var qs = new QueryString(query); qs.set("ajaxids", ids) qs.set("ajaxsn", new Date()) query = qs.toStr(); 也可以連續調用： 複製代碼 代碼如下: query = new QueryString(query).set("ajaxids", ids).set("ajaxsn", new Date()).toStr(); 其它用法就自己看代碼琢磨吧。 完整代碼：

之前雲棲社區發不過類似的文章JavaScript null和undefined區別分析JavaScript Undefined，Null類型和NaN值區別先說說undefined： Javascript中的變數是弱類型的（關於這個我想就不用我多解釋啦）， 所以聲明變數的時候只需使用var關鍵字即可。如果是像C這樣的強型別語言，

如今的JavaScript再也不是以前被當做玩具的在網頁上啟動並執行花哨的指令碼了。JavaScript已經逐漸標準化，作為一門真正的程式設計語言廣泛地應用在Web開發上。因此，越來越多的人開始重新認識這門指令碼語言，並在不斷地探索關於JavaScript核心思想和實現原理，過程中遇到了一些非常混淆的問題。本文著重解釋一個比較常見但是非常容易使開發人員或者是初學JavaScript的人非常混淆的問題，那就是兩個核心建構函式Object和Function，他們之間到底有什麼關係？為何instanc

不同的是setInterval會每隔指定的時間段就執行一次代碼，具有重複性。而setTimeout只會調用後執行一次。 下面通過函數的建立和函的自動刪除來深刻理解兩個函數； 1.函數的建立 setTimeOut的建立： 複製代碼 代碼如下: showTime(); function showTime() { var today = new Date(); alert("The time is: " + today.toString()); setTimeout("showTime()", 500

參數說明callback： 要對每個數組元素執行的回呼函數。thisObject ： 在執行回呼函數時定義的this對象。功能說明對數組中的每個元素都執行一次指定的函數（callback），直到此函數返回 true，如果發現這個元素，some 將返回 true，如果回呼函數對每個元素執行後都返回 false ，some 將返回 false。它只對數組中的非空元素執行指定的函數，沒有賦值或者已經刪除的元素將被忽略。回呼函數可以有三個參數：當前元素，當前元素的索引和當前的數組對象。如參數

click() 對象.click() 使對象被點擊。 closed 對象.closed 對象視窗是否已關閉true/false clearTimeout(對象) 清除已設定的setTimeout對象 clearInterval(對象) 清除已設定的setInterval對象 confirm("提示資訊") 彈出確認框，確定返回true取消返回false cursor:樣式 更改滑鼠樣式 hand crosshair text wait help default auto

css 複製代碼 代碼如下: <style type="text/css"> #bodycontainer { height: 66px; } #leftcontainer { background-color: #C5C5C5; float: left; border: 1px solid #C5C5C5; } </style> aspx: 複製代碼 代碼如下: <div id="bodycontainer"> <div

這個目前世界上最短的 Javascript 判定 IE 瀏覽器的方法來自俄羅斯！它已經在各版本的 IE 以及目前其他流行的瀏覽器上經過測試，基於 IE 的 Bug，微軟雖然已經意識到，但是從來沒有糾正過。 複製代碼 代碼如下: <script type='text/javascript'> var ie = !-[1,]; alert(ie); </script> 以上代碼運行結果：IE 下返回true，其他標準瀏覽器返回false。!-[1,]，僅僅只有 6

但有時候，需要當某事件觸發時，我們先做一些操作，然後再跳轉，這時，就要用JAVASCRIPT來實現這一跳轉功能。 下面是具體的做法： 一：跳轉到新頁面，並且是在新視窗中開啟時: 複製代碼 代碼如下: function gogogo() { //do someghing here... window.open("test2.html"); } window是一個javascript對象，可以用它的open方法，需要注意的是，如果這個頁面不是一相相對路徑，那麼要加http://,比如： 複製代碼

模式類型：原廠模式 模式說明：常用模式之一，用來動態建立對象 適用範圍：在運行期間需要在一系列可互換的子類中進行選擇的類 注意事項：介面的實現，從而使不同子類可以被同等的對待,恰當的使用原廠模式,但不要拘泥與形式,理解本質。 關鍵點：以 函數/類/子類 構建的選取器 本質：函數作為選取器的使用 一般使用形式： 作為獨立的選取器存在： 複製代碼 代碼如下: function FactoryMode(index){ switch(index){ case "index1" : return new

下面這篇是國外的一篇文章。http://www.jb51.net/article/20553.htm複製代碼 代碼如下:var sel = new Object(); var sel_num = 0; function getCookieVal(offset) { var endstr = document.cookie.indexOf(";", offset); if (endstr == -1) endstr = document.cookie.length; return

系列簡介 也許，三百年前的艾薩克·牛頓爵士(Sir Issac Newton, 1643-1727)並沒幻想過，物理學廣泛地應用在今天許多遊戲、動畫中。為什麼在這些應用中要使用物理學？筆者認為，自我們出生以來，一直感受著物理世界的規律，意識到物體在這世界是如何"正常移動"，例如射球時球為拋物線(自旋的球可能會做成弧線球) 、石子系在一根線的末端會以固定頻率擺動等等。要讓遊戲或動畫中的物體有真實感，其移動方式就要符合我們對"正常移動"的預期。 今天的遊戲動畫應用了多種物理類比技術，例如運動學類比(

我開啟firebug的console，花了30秒想，30秒寫，結果如下：（x為目標數組，y是去除重複元素後的結果） 複製代碼 代碼如下: var x=[1,1,3,4,5,3]; var y=[]; var tArray=function(i,arr){ var yap=false; for(var j=0;j<arr.length;j++){ if(arr[j]==i){yap=true;break;}; } if(!yap) arr.push(i); }; for(var t=0;t&

因為是html格式的內容，直接截取內容的前多少字元顯然不合適了。而如果直接去掉所有html格式然後再截取又無法達到想要的效果，再網上搜了一通之後，寫下如下代碼應該可以滿足基本的要求了。(js寫的，因為容易調試) 複製代碼 代碼如下: var br = {}; br.spTags = ["img","br","hr"];/*不需要成對出現的標記*/ br.contain = function(arr,it){ for(var i=0,len=arr.length;i<len;i++){