js DOM的學習筆記

今天學習了DOM,做了以下一些基礎練習…… DOM是Document Object Model文件物件模型的縮寫;使用JavaScript操作DOM進行DHTML開發。 學習目標:能夠使用JavaScript操作Dom實現常見的DHTML效果。 參考書:張孝祥《JavaScript網頁開發——體驗式學習教程》 一、DOM的入門: 1、DOM就是HTML頁面的模型,將每個標籤都做為一個對象,JavaScript通過調用DOM中的屬性、方法就可以對網頁中的文字框、層等元素進行編

js中document.getElementByid、document.all和document.layers區分介紹

document.all是IE 4.0及以上版本的專有屬性,是一個表示當前文檔的所有對象的婁組,不僅包括頁面上可見的實體物件,還包括一些不可見的對象,比如html注釋等等。在document.all數組裡面,元素不分層次,是按照其在文檔中出現的先後順序,平行地羅列的。所以可以用數字索引來引用到任何一個元素。但比較常用的是用對象id來引用一個特定的對象,比如document.all["element"]這樣。 document.layers是Netscape

JS構建頁面的DOM節點結構的實現代碼

小提示: 關於數組的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);

js捲軸回到頂部的代碼

雖然平滑性處理的不好,但非常適合學習複製代碼 代碼如下: <!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

js 投影片的實現

摒棄其他的效果,最簡單的輪播也就只有一條語句: parent.appendChild(parent.firstChild),不斷的把列表的一個元素添加到最後一個,appendChild會將節點從原來的位置移除,所以藉此可以產生轉場效果。 一點,IE對文本的文本節點與其他的瀏覽器不同,在擷取子節點的時候需要注意,另外在不同版本的FF中,children這個屬性也需要注意。 下面的demo沒有設定#view的overflow:hidden。 demo_1: 複製代碼 代碼如下:

jQuery1.6 使用方法一

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 )

javascript開發隨筆一 preventDefault的必要

不加的話貌似只在ie6出現過問題。出現過:改變圖片地址,結果圖片不見了,載入樣式,但樣式檔案沒了。就像是中斷了資源的下載一樣,正確時解釋是 IE6下使用A元素來做按鈕的時候一定要記得在onclick事件裡面調用preventDefault(),IE6會強制關閉當前活動的HTTP串連,導致正在請求的其他資源或指令碼載入不正常。 但資源如果已經被緩衝了,就沒有這個問題了 複製代碼 代碼如下: <!DOCTYPE HTML> <html> <head>

Jquery外掛程式之打造自訂的select標籤

首先看下效果 複製代碼 代碼如下: <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.

JQUERY1.6 使用方法四 檢測瀏覽器

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

js常用程式碼片段整理

每段代碼前邊都有功能註解和參數要求等解說文字,難度不大也就沒做更多注釋。 為看得清楚,這裡依先後順序做個小目錄: 重寫window.setTimeout, 理解遞迴程式的返回規律, 截取長字串, 取得元素在頁面中的絕對位置, 統計、去除重複字元(多種方法實現), 把有序的數組元素隨機打亂(多種方法實現)。 複製代碼 代碼如下: /* 功能:修改 window.setTimeout,使之可以傳遞參數和對象參數 (同樣可用於setInterval) 使用方法: setTimeout(回呼函數,時間,

用Javascript評估使用者輸入密碼的強度(Knockout版)

我們來看看如果使用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>

使用Jquery來實現可以輸入值的下拉選單 雛型

上網 找了一下,有一堆現成的控制項,可是 現成的 我要去瞭解,來結合我現在 系統來應用,要花不少時間,這個時間 跟我自己 搞一個成本 應該差不多 那我還不如 自己 搞一個,比較能瞭解 怎麽運作,後面就更容易加以運用了。 我的目標是,要把 這個 作成一個控制項來使用,並要降低外部程式使用的耦合性,也就是 外部程式 使用上所需的必要條件要盡量減少,免得一忘記加什麽設定,程式 就掛了。 如有可能 甚至希望,只會需要引用一個 Jquery 其他 JavaSciprt 都由程式 來產生。

JS代碼放在head和body中的區別分析

那麼有什麼不同呢?先看一個例子: 一個二級級聯動態下拉式清單方塊,一級分類(即大類別)id="vSort0". 複製代碼 代碼如下: <head> function changelocation(id) {…………} </head> <body><select class="input1" id="vSort0" name="vSort0"

jQuery源碼分析-04 選取器-Sizzle-工作原理分析

作者:nuysoft/高雲 QQ:47214707 EMail:nuysoft@gmail.com 聲明:本文為原創文章,如需轉載,請註明來源並保留原文連結。 在分析Sizzle源碼之前,先整理一下選取器的工作原理 先明確一些選取器中用到的名詞,後邊閱讀時不會有歧義: 選取器運算式: "div > p" 塊運算式: "div" "p" 並欄選取器運算式: "div, p" 塊分割器: Sizzle中的chunker正則,對選取器運算式從左向右分割出一個個塊運算式 尋找器:

JS 操作符整理[推薦收藏]

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

20款效果非常棒的 jQuery 外掛程式小結分享

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

jQuery中jqGrid分頁實現代碼

(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

javascript學習基礎筆記之DOM對象操作

DOM文件物件模型是HTML和XML的應用程式介面(API),DOM將整個頁面規劃成由節點層次構成的文檔。DOM對象給予開發人員對HTML的存取權限,並且使開發人員能將HTML作為XML文檔來處理和查看。DOM對象是與語言無關的API,意味著它的實現並不是與javascript綁定,這在於初學者來說可能會理解錯誤。DOM是針對XML的基於樹的API,它關注的不僅僅是解析XML代碼,而是用一系列相互關聯的對象來表示這些代碼,而這些對象可以被修改,而且無需重新解析代碼就能直接存取它們。由於DOM的使

更優雅的事件觸發相容

問題種種 做底層介面相容,無非就是利用if,判斷用戶端支援哪個介面的問題。最著名的例子就是事件: 複製代碼 代碼如下: var addEvent = function(e, what, how) { if (e.addEventListener) e.addEventListener(what, how, false) else if (e.attachEvent) e.attachEvent('on' + what, how) }

JavaScript學習筆記(二) js對象

1.簡單類型 javascript的簡單類型包括 數字(Number)、字串(String)、布爾值(Boolean)、null值 和 undefined值。其他所有值都是對象。 2.對象 javascript中的對象是可變鍵控集合。在javascript中,數組、函數、Regex都是對象。 對象是屬性的容器。其中每個屬性都擁有名字和值。屬性的名字可以是包括Null 字元串在內的任一字元串。屬性值可以是除undefined值之外的任何值。 3.對象的定義方法 (1)用字面量定義。例如: var

總頁數: 3271 1 .... 3243 3244 3245 3246 3247 .... 3271 Go to: 前往

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.