javascript初學總結 3

2021-07-23 23:03:34 字數 2079 閱讀 4246

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 都可以訪問變數...