Time of Update: 2013-10-17
今天學習了DOM,做了以下一些基礎練習…… DOM是Document Object Model文件物件模型的縮寫;使用JavaScript操作DOM進行DHTML開發。 學習目標:能夠使用JavaScript操作Dom實現常見的DHTML效果。 參考書:張孝祥《JavaScript網頁開發——體驗式學習教程》 一、DOM的入門: 1、DOM就是HTML頁面的模型,將每個標籤都做為一個對象,JavaScript通過調用DOM中的屬性、方法就可以對網頁中的文字框、層等元素進行編
Time of Update: 2013-10-17
document.all是IE 4.0及以上版本的專有屬性,是一個表示當前文檔的所有對象的婁組,不僅包括頁面上可見的實體物件,還包括一些不可見的對象,比如html注釋等等。在document.all數組裡面,元素不分層次,是按照其在文檔中出現的先後順序,平行地羅列的。所以可以用數字索引來引用到任何一個元素。但比較常用的是用對象id來引用一個特定的對象,比如document.all["element"]這樣。 document.layers是Netscape
Time of Update: 2013-10-17
小提示: 關於數組的concat和push方法。 兩者的區別主要有: concat是串連數組,不會修改原數組,傳回值為串連後的數組,與push的重要區別是concat會展開數組的第一層子數組 push是添加數組元素。就地修改原數組,傳回值為添加的新項,push不會展開傳入的數組。 複製代碼 代碼如下: var a = [1,2,3,4]; var b = [4,5,6,7]; var c = a.push(b); var d = a.concat(b); console.log('a',a);
Time of Update: 2013-10-17
雖然平滑性處理的不好,但非常適合學習複製代碼 代碼如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <script
Time of Update: 2013-10-17
摒棄其他的效果,最簡單的輪播也就只有一條語句: parent.appendChild(parent.firstChild),不斷的把列表的一個元素添加到最後一個,appendChild會將節點從原來的位置移除,所以藉此可以產生轉場效果。 一點,IE對文本的文本節點與其他的瀏覽器不同,在擷取子節點的時候需要注意,另外在不同版本的FF中,children這個屬性也需要注意。 下面的demo沒有設定#view的overflow:hidden。 demo_1: 複製代碼 代碼如下:
Time of Update: 2013-10-17
error: function( msg ) {//聲明錯誤 throw msg; }, parseJSON: function( data ) {//把字串轉換成json格式 if ( typeof data !== "string" || !data ) {//首先判斷是否存在,是否為字串 return null; } data = jQuery.trim( data );//去掉前後空白 if ( window.JSON && window.JSON.parse )
Time of Update: 2013-10-17
不加的話貌似只在ie6出現過問題。出現過:改變圖片地址,結果圖片不見了,載入樣式,但樣式檔案沒了。就像是中斷了資源的下載一樣,正確時解釋是 IE6下使用A元素來做按鈕的時候一定要記得在onclick事件裡面調用preventDefault(),IE6會強制關閉當前活動的HTTP串連,導致正在請求的其他資源或指令碼載入不正常。 但資源如果已經被緩衝了,就沒有這個問題了 複製代碼 代碼如下: <!DOCTYPE HTML> <html> <head>
Time of Update: 2013-10-17
首先看下效果 複製代碼 代碼如下: <head> <title></title> <link type="text/css" rel="Stylesheet" href="JQSelect.css" /> <script type="text/javascript" src="jquery-1.2.6.js"></script> <script type="text/javascript" src="JQSelect.
Time of Update: 2013-10-17
userAgent = navigator.userAgent,//User Agent中文名為使用者代理程式,簡稱 UA,它是一個特殊字元串頭,使得伺服器能夠識別客戶使用的作業系統及版本、CPU 類型、瀏覽器及版本、瀏覽器渲染引擎、瀏覽器語言、瀏覽器外掛程式等。 下面分別是各個瀏覽器的navigator.userAgent //Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-CN) AppleWebKit/533.21.1 (KHTML, like
Time of Update: 2013-10-17
每段代碼前邊都有功能註解和參數要求等解說文字,難度不大也就沒做更多注釋。 為看得清楚,這裡依先後順序做個小目錄: 重寫window.setTimeout, 理解遞迴程式的返回規律, 截取長字串, 取得元素在頁面中的絕對位置, 統計、去除重複字元(多種方法實現), 把有序的數組元素隨機打亂(多種方法實現)。 複製代碼 代碼如下: /* 功能:修改 window.setTimeout,使之可以傳遞參數和對象參數 (同樣可用於setInterval) 使用方法: setTimeout(回呼函數,時間,
Time of Update: 2013-10-17
我們來看看如果使用Knockout更簡單的來實現密碼強度的驗證。 原有代碼請查看: 複製代碼 代碼如下: <!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>
Time of Update: 2013-10-17
上網 找了一下,有一堆現成的控制項,可是 現成的 我要去瞭解,來結合我現在 系統來應用,要花不少時間,這個時間 跟我自己 搞一個成本 應該差不多 那我還不如 自己 搞一個,比較能瞭解 怎麽運作,後面就更容易加以運用了。 我的目標是,要把 這個 作成一個控制項來使用,並要降低外部程式使用的耦合性,也就是 外部程式 使用上所需的必要條件要盡量減少,免得一忘記加什麽設定,程式 就掛了。 如有可能 甚至希望,只會需要引用一個 Jquery 其他 JavaSciprt 都由程式 來產生。
Time of Update: 2013-10-17
那麼有什麼不同呢?先看一個例子: 一個二級級聯動態下拉式清單方塊,一級分類(即大類別)id="vSort0". 複製代碼 代碼如下: <head> function changelocation(id) {…………} </head> <body><select class="input1" id="vSort0" name="vSort0"
Time of Update: 2013-10-17
作者:nuysoft/高雲 QQ:47214707 EMail:nuysoft@gmail.com 聲明:本文為原創文章,如需轉載,請註明來源並保留原文連結。 在分析Sizzle源碼之前,先整理一下選取器的工作原理 先明確一些選取器中用到的名詞,後邊閱讀時不會有歧義: 選取器運算式: "div > p" 塊運算式: "div" "p" 並欄選取器運算式: "div, p" 塊分割器: Sizzle中的chunker正則,對選取器運算式從左向右分割出一個個塊運算式 尋找器:
Time of Update: 2013-10-17
Arithmetic Operators算術運算子OperatorDescriptionExampleResult+Addition 加x=2y=2x+y 4 -Subtraction 減x=5y=2x-y 3*Multiplication 乘x=5y=4x*y20/Division 除15/55/2 32.5%Modulus (division remainder) 餘數5%210%810%2120++Increment遞增x=5x++ x=6 --Decrement遞減x=5x-- x=4
Time of Update: 2013-10-17
1. Jquery HTML5 Audio Library 2. Image Wall 3. Grid Navigation Effects 4. Background Slide Show 5. Fluid Thumbnail Bar 6. Sliding Background Image Menu 7. Slick and Easy Jquery Image
Time of Update: 2013-10-17
(1)頁面代碼: 複製代碼 代碼如下: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Insert
Time of Update: 2013-10-17
DOM文件物件模型是HTML和XML的應用程式介面(API),DOM將整個頁面規劃成由節點層次構成的文檔。DOM對象給予開發人員對HTML的存取權限,並且使開發人員能將HTML作為XML文檔來處理和查看。DOM對象是與語言無關的API,意味著它的實現並不是與javascript綁定,這在於初學者來說可能會理解錯誤。DOM是針對XML的基於樹的API,它關注的不僅僅是解析XML代碼,而是用一系列相互關聯的對象來表示這些代碼,而這些對象可以被修改,而且無需重新解析代碼就能直接存取它們。由於DOM的使
Time of Update: 2013-10-17
問題種種 做底層介面相容,無非就是利用if,判斷用戶端支援哪個介面的問題。最著名的例子就是事件: 複製代碼 代碼如下: var addEvent = function(e, what, how) { if (e.addEventListener) e.addEventListener(what, how, false) else if (e.attachEvent) e.attachEvent('on' + what, how) }
Time of Update: 2013-10-17
1.簡單類型 javascript的簡單類型包括 數字(Number)、字串(String)、布爾值(Boolean)、null值 和 undefined值。其他所有值都是對象。 2.對象 javascript中的對象是可變鍵控集合。在javascript中,數組、函數、Regex都是對象。 對象是屬性的容器。其中每個屬性都擁有名字和值。屬性的名字可以是包括Null 字元串在內的任一字元串。屬性值可以是除undefined值之外的任何值。 3.對象的定義方法 (1)用字面量定義。例如: var