JavaScript

Javascript聲明變數的時候，雖然用var關鍵字聲明和不用關鍵字聲明，很多時候運行並沒有問題，但是這兩種方式還是有區別的。可以正常啟動並執行代碼並不代表是合適的代碼。var num = 1；是在當前域中聲明變數. 如果在方法中聲明，則為局部變數（local variable）；如果是在全域域中聲明，則為全域變數。而 num = 1；事實上是對屬性賦值操作。首先，它會嘗試在當前範圍鏈（如在方法中聲明，則當前範圍鏈代表全域範圍和方法局部範圍etc。。。）中解析 num；

複製代碼 代碼如下: repaint(重繪) ，repaint發生更改時，元素的外觀被改變，且在沒有改變布局的情況下發生，如改變outline,visibility,background color，不會影響到dom結構渲染。reflow(渲染)，與repaint區別就是他會影響到dom的結構渲染，同時他會觸發repaint，他會改變他本身與所有父輩元素(祖先)，這種開銷是非常昂貴的，導致效能下降是必然的，頁面元素越多效果越明顯。何時發生：. DOM元素的添加、修改（內容）、刪除(

作者：月影 牢記：函數式編程不是用函數來編程！！！23.4函數式編程  23.4.1 什麼是函數式編程

在一些DOM操作中我們經常會跟元素的位置打交道，滑鼠互動式一個經常用到的方面，令人失望的是不同的瀏覽器下會有不同的結果甚至是有的瀏覽器下沒結果，這篇文章就上滑鼠點擊位置座標擷取做一些簡單的總結，沒特殊聲明代碼在IE8，FireFox，Chrome下進行測試相容滑鼠點擊位置座標相對於螢幕如果是涉及到滑鼠點擊確定位置相對比較簡單，擷取到滑鼠點擊事件後，事件screenX，screenY擷取的是點擊位置相對於螢幕的左邊距與上邊距，不考慮iframe因素，不同瀏覽器下表現的還算一致。複製代碼 代碼如下:

一、顯示資訊的命令 <!DOCTYPE html> <html> <head> <title>常用console命令</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> </head> <body> <script type="text/javascript">

replace() 方法用於在字串中用一些字元替換另一些字元，或替換一個與Regex匹配的子串。文法：string.replace(subStr/reg,replaceStr/function)第一個參數可以是字串的子字串，也可以是一個Regex，第二個參數可以是一個字串或者一個處理方法，下面我們分別看看複製代碼 代碼如下:document.write('1234'.replace(1, 'X'));我們可以得到結果：X234，很正常，但是複製代碼 代碼如下:document.write('12

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-

前言CSS3的出現讓瀏覽器的表現更加的豐富多彩，表現衝擊最大的就是動畫了，在日常書寫動畫的時候，很有必要去事先判斷瀏覽器是否支援，尤其是在寫CSS3動畫庫的時候。比如transition的animation-play-state，就只有部分瀏覽器支援。下面的方法可以使用指令碼判斷瀏覽器是否支援某一個CSS3屬性：第一種：javascript比較常用下面這個代碼：var support_css3 = (function() { var div =

兩段demo代碼如下(for ie only)： <script type="text/javascript">   //demo1 var  xmlDoc  =  new  ActiveXObject("Msxml2.DOMDocument");   var  root;   var 

原文：Model-View-Controller (MVC) with JavaScript作者：Alex@Net譯文：JavaScript 的 MVC 模式譯者：justjavac本文介紹了模型-視圖-控制器模式在 JavaScript 中的實現。我喜歡 JavaScript，因為它是在世界上最靈活的語言之一。 在 JavaScript 中，程式員可以根據自己的口味選擇編程風格：面向過程或物件導向。 如果你是一個重口味，JavaScript 一樣可以應付自如： 面向過程，物件導向，面向方面，

雖然很多語言宣稱：“一切皆是對象”，但是 javascript 中，並不是所有的值都是對象。原始值 vs 對象javascript 中的值可以被劃分為兩大類：原始值（primitive）和對象（object）。定義javascript 的兩種值的定義：下面的值是原始值。1.字串2.數字：在 JavaScript 中所有的數字都是浮點數3.布爾值4.null5.undefined所有其它的值都是對象（object）。對象可以進一步劃分：1.原始值的封裝器：Boolean, Number,

JavaScript 中的 typeof 其實非常複雜，它可以用來做很多事情，但同時也有很多怪異的表現。 本文列舉出了它的多個用法，而且還指出了存在的問題以及解決辦法。閱讀本文的前提是，你現在應該已經知道原始值和對象值的區別了。檢查一個變數是否存在，是否有值typeof在兩種情況下會返回 "undefined":1.變數沒有被聲明2.變數的值是 undefined例如:複製代碼 代碼如下:> typeof undeclaredVariable === "undefined"true>

1.null 與 undefined * 從一個對象中擷取某個屬性，如果該對象及其 prototype 鏈 中的對象都沒有該屬性的時候，該屬性的值為 undefined 。 * 一個 function 如果沒有顯式的通過 return 來傳回值給其調用者的話，其傳回值就是 undefined 。有一個特例就是在使用new的時候。 * JavaScript 中的 function 可以聲明任意個形式參數，當該 function

<input type=button value=重新整理 onclick="window.location.reload()"><input type=button value=前進 onclick="window.history.Go(1)"><input type=button value=後退 onclick="window.history.go(-1)"><input type=button value=前進

平時我們會在某些網站的註冊頁面或者更改密碼的頁面發現當我們輸入密碼時，會有一個類似於進度條的長條進行提示使用者輸入的密碼強度。如下圖：我看到有些人用幾張不同的圖片來替換，這樣似乎可以，但是不太好。所以我通過其他方式實現。實質上這是根據使用者輸入的不同密碼強度來改變

前言在一個應用中，通常會有很多圖片，眾所周知，載入圖片需要時間，在圖片沒有載入出來之前，頁面會是空白，為了提升使用者體驗，應用的開發人員使出渾身解數，其中最為常見的就是在圖片沒有載入完成之前，有一個載入動畫。這裡用到的技術主要是圖片預先載入。圖片預先載入的原理並不難，當給一個Image對象設定src屬性後，圖片就開始載入。給Image對象指定事件要位於設定src屬性之前。涉及到的內容1.需要預先載入的圖片並不僅僅只是一張，通常將所有圖片的資訊儲存在一個數組或者對象中，為了載入所有的圖片，需要遍曆

參考地址：http://aboutplayer.com複製代碼 代碼如下:var lrc0, lrc1, lrc2; moveflag = false; var top, bottom; var lrcobj; var lrctop; predlt = 0; curdlt = 0; function lrcClass(tt) {

省市二級聯動下拉式功能表,增加了區號輸入.多組選項共用一組資料. 選擇地區,可以擷取區號,填寫區號自動選取地區. 某些地市的區號收集中. 省份 選擇城區 1)inti(0);findarea();"> 省份 選擇城區 1)inti(1);findarea();"> [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]

作用：可以對javascript的大小進行壓縮。使javascript的載入速度變快。 用法： 在 cmd下面輸入的東西； cscript ESC.wsf -l 3 -ow ../global.js global.js 上面是一個簡單的例子：可以自己建一個bat檔案放在目前的目錄下面 cscript ESC.wsf -l 壓縮層級 -ow 。。/要壓縮到那個目錄 需要進行壓縮的原js 1. Level 0 :: No compression //沒有處裡 Level 1 :: Comment

作者：編程浪子 最近玩圖片預先載入的人好像特別多，我也來一個，個人比較懶，只在IE上調試，大家就當無聊聊玩玩吧 IE圖片預先載入類 圖片載入中... [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]