1.document.creatdocumentfragment()
定義:建立乙個新的空白文件片段documentfragment
(ps:documentfragment()建構函式也可以新建立乙個documentfragment物件,且該函式的返回值就是新建立的documentfragment物件,
方法:
fragment = new documentfragment();
語法:
var docfragment = document.createdocumentfragment();
dofragment是乙個對空白文件片段documnetfragment物件的引用,因此不會產生副本。
描述:documentfragments 是一些dom節點。它們不是dom樹的一部分。通常的使用場景是建立乙個文件片段,然後將建立的dom元素插入到文件片段中,最後把文件片段插入到dom樹中。在dom樹中,文件片段會被替換為它所有的子元素。
例項:
單擊按鈕更改列表項,使用createdocumentfragment方法,然後在列表的最後乙個孩子新增列表項。
點我
執行結果:
執行前:
執行後:
(補充:另外幾種常用的動態建立html節點的方法:
creatattribute(name) 用指定名稱name建立特性節點;
例項:
單擊按鈕來建立乙個「類」屬性值「democlass」插入到上面的h1元素。
點我
createlement(tagname) 建立標籤名尾tagname的節點;
creattextnode(text) 建立包含文字text的文字節點;
例項:
單擊按鈕建立有文字的按鈕
點我
例項:
按鈕把專案從乙個列表移動到另乙個列表中。
親自試一試
執行結果:
執行前:
執行後:
3.localecompare()方法『
語法:
stringobject.localecompare(target)
引數target是要以本地特定順序與stringobject進行比較的字串;
返回值:
說明比較結果的數字。如果 stringobject 小於 target,則 localecompare() 返回小於 0 的數。如果 stringobject 大於 target,則該方法返回大於 0 的數。如果兩個字串相等,或根據本地排序規則沒有區別,該方法返回 0。
4.sort()方法
定義和用法
sort()方法用於對陣列的元素進行排序。
語法:
arrayobject.sort(sortby)
引數sortby規定排序方法,必須是函式
返回值:
對陣列的引用。請注意,陣列在原陣列上進行排序,不生成副本。
說明:如果呼叫該方法時沒有使用引數,將按字母順序對陣列中的元素進行排序,說得更精確點,是按照字元編碼的順序進行排序。要實現這一點,首先應把陣列的元素都轉換成字串(如有必要),以便進行比較。如果想按照其他標準進行排序,就需要提供比較函式,該函式要比較兩個值,然後返回乙個用於說明這兩個值的相對順序的數字。比較函式應該具有兩個引數 a 和 b,若ab,則返回乙個大於0的值。
例項:
執行結果:
10,5,40,25,1000,1
1,5,10,25,40,1000
javascript初學總結 2
1.longdesc屬性 使用 longdesc 屬性,指向乙個包含影象描述資訊的頁面 定義與用法 longdesc 屬性規定指向影象描述資訊頁面的 url。該 屬性與 alt 屬性類似,但它允許更長的描述性文字。longdesc 的值是乙個指向包含影象說明的文件的 url。如果說明多於 1024 ...
javascript初學總結 5
提交收穫 1.實參的個數不必等於形參的個數 2.style物件可用於修改屬性值和獲取屬性值,但在獲取屬性值時只返回通過style標籤屬性應用到元素的內嵌樣式 3.currentstyle物件代表了在全域性樣式表 內嵌樣式表和html標籤屬性中指定的物件格式和樣式,即會返回指定元素上所有的樣式值,當其...
Javascript初學心得
1 typeof 是乙個運算子而不是函式 返回值據說有6種 string object number undefined function boolean 但我發現還有乙個 unknown 2 window物件,更象乙個命名空間 var i 123 window.i和window i 都可以訪問變數...