js學習筆記 一

2021-06-18 02:30:04 字數 2716 閱讀 1910

1.幾個js小技巧

2.array物件的幾個方法

3.操作文件中的form物件

4.js正規表示式使用方式

5.js獲取頂層視窗物件的幾種方法

一、幾個js小技巧

① 使用陣列的length屬性

var a1 = a2 = [1,2,3];

a1 = ;

以上**使得a1指向空陣列,但是a2還指向[1,2,3],如果使用a1.lenth = 0,則引用不會變而是將陣列清空,這樣a1,a2就指向同乙個空陣列了。

②陣列的push方法

var a1 = [1,2,3];

var a2 = [4,5,6];

以上**執行後a1=[1,2,3,4,5,6],如果使用常規的var a3 = a1.concat(a2);則需要多構造乙個變數。

③特徵檢測

if(window.opera)

//some code;

else

//some code;

這樣檢測需要初始化特徵物件,而是用以下方式檢查 秘鑰是否在物件裡效率更高

if("opera" in window)

//some code

else

//some code

④檢查物件是否為陣列

使用typeof返回值包括數字、字串、物件、函式、未定義物件和布林值,但是不包括陣列型別。是否是陣列可以用如下方式判斷:

object.prototype.tostring.call(arrobject);

這樣就能檢測arrobject是不是乙個陣列物件了。

二、array物件的幾個方法

①concat() 連線兩個或更多陣列,並返回結果

var a = new array(1,2);

var b = new array(3,4);

var c = new array(5,6);

var d = a.concat(b);

var e = a.concat(b,c);

var f = a.concat(7,8);

以上結果為d=[1,2,3,4],e=[1,2,3,4,5,6,],f=[1,2,7,8]。

②pop() 刪除並返回陣列的最後乙個元素

③push() 向陣列末尾新增乙個或多個元素,返回新的長度

④shift() 刪除並返回陣列的第乙個元素

⑤unshift() 想陣列開頭新增乙個或多個元素,返回新的長度

⑥reverse() 倒序排列陣列元素

⑦sort() 公升序排列陣列元素

⑧slice() 返回已有陣列的若干指定元素組成的新陣列

var a = new array(1,2,3,4,5,6,7);

var b = a.slice(2);//b=[3,4,5,6,7]

var c = a.slice(2,5);//c=[3,4,5]

var d = a.slice(-2);//d=[6,7]

⑨tostring() 返回陣列的字串形式

⑩join() 返回乙個由指定的連線符將陣列元素連線成的字串

var a = new array(1,2,3);

var b = a.join("#");//返回"1#2#3"

var c = a.join();//沒有連線符返回陣列自身[1,2,3]

var d = a.join("");//空字串和沒有連線符不是相同的概念,此處返回"123"

三、操作文件中的form物件

可以通過form表單的name屬性獲取表單物件,通過表單物件的elements屬性獲得該表單物件所包含的表單元素。

以上程式將先後alert出「t1」、「t2」、「swimming」、「running」。

四、js正規表示式使用方式

var reg = /\w+\d+/;    //或者var reg = new regexp("\\w+\\d+");

alert(reg.test("fasdfa1"));

使用regexp物件建立正規表示式的時候引號內的"\"字元需要多加一次轉義,有時候這會讓語義變得更加不可讀,所以建議使用第一種方式建立正規表示式物件。

五、js獲取頂層視窗物件的幾種方法

① 如果知道當前是第幾層子視窗,當然可以通過var win = window.parent.parent.....parent; 這種方式獲取頂層window物件。

② 使用var win = window.top; 可以直接獲得頂層window物件。

③ 程式設計方式實現

這種方式需要在頂層窗體中設定乙個隱藏的dom物件:

然後在子頁面的js**中執行如下程式:

var win = window.selt;

var idtag = win.document.getelementbyid("tag");

while(!idtag)

//執行以上程式後win指向頂層window物件

JS學習筆記 一

目錄 1.js的三種匯入方式 1 直接寫在html 之中 2 用src引入test1.js檔案 3 在html標籤裡定義js 2.遮蔽 3.js 規範 4.document.write 向html文件寫入內容 console.log 向瀏覽器控制器寫入內容 5.js的變數 6轉義字元 不來了 按照在...

JS學習筆記(一)

js中無需宣告,但宣告是乙個良好的習慣。js中變數名區分大小寫 在宣告變數時,要慎用全域性變數,全域性變數很有可能會與函式中的某乙個變數相互衝突,為避免這種情況,可以在函式中也進行變數的宣告,在函式中的變數是區域性變數,只應用於該函式內。getelementbyid 這個方法將返回乙個與那個有著給定...

學習js筆記一(Math)

1 substring slice和substr的區別 2 fromcharcode 方法用於把乙個或多個 unicode 值轉換為 大寫 字串,並返回該字串。執行該例子,輸出 hello abc3 ouppercase 方法用於把 英文 字串轉換為大寫,並返回轉換後的字串。其語法如下 str ob...