JS學習-第七節

時間 2021-08-13

標籤 javascript java 正則表達式數組瀏覽器函數對象事件文檔欄目 JavaScript 简体版

原文原文鏈接

一，正則表達式

　　用於定義一些字符串的規則，計算機能夠根據正則表達式來檢查一個字符串是否符合規則，獲取將字符串中符合規則的提取出來。javascript

（1）構造函數建立正則表達式java

　　var 變量=new RegExp("正則表達式","匹配模式");//匹配模式中i是忽略大小寫，g是全局匹配正則表達式

　　var reg=new RegExp("a");數組

　　正則表達式的方法：瀏覽器

　　var result=reg.test(str);函數

　　console.log(reg.test("bcbc"));//false對象

（2）使用字面量建立正則表達式：事件

　　reg=/a/i;ip

　　reg=/a|b/;//匹配a或b文檔

（3）[]中也是或的關係

　　[ab]==a|b;

（4）匹配規則中前面加一個^則是除了的意思。

二，正則表達式與字符串相鏈接

　　var result=str.split(/[A-z]/);

　　search();//能夠搜索字符串中是否含有指定內容。只會查找第一個如：

　　str.research(/a[bef]d/);

　　match()會將匹配到的內容封裝到一個數組中返回，便是隻查到一個結果。

　　str.replace("a","@_@");//後面的替換前面的。

　　var reg=/a{3}/;//正好出現3次a，只對括號前面的字符有做用

　　var reg=/a{1，3}/;//出現1-3次

　　var reg=/a{3，}/;//出現三次以上

　　var reg=/ab+c/;//至少出現一次b

　　var reg=/^a/;//表示a開頭

　　var reg=/a$/;//表示a結尾

　　手機號匹配：var phone=/^1[3-9][0-9]{9}$/;

　　var reg=/./;//匹配任意字符

　　var reg=/\\/;匹配\

　　var reg=/\./;匹配.

　　\w表示任意字母數字和下劃線

　　\W除了字母數字下劃線

　　\d任意數字【0-9】

　　\D除了數字

　　\s空格

　　\S除了空格

　　\b單詞邊界；reg=/\bchild\b/;

　　\B除了單詞邊界

　　str.replace(/^\s*|\s*$/,"");去除先後的空格

三，郵件的正則

/^\w{3,}(\.\w+)*@[A-z0-9]+(\.[A-z]{2,5}){1,2}$/;

四，DOM（Document Object Model）文檔對象模型

　　<body>

　　　　<button id="btn">我是一個按鈕</button>

　　　　　　var btn=document.getElementById("btn");

　　　　　　btn.innerHTML="I am a studentButton";

　　　　</script>

　　</body>

五，事件：

　　就是用戶和瀏覽器之間的交互行爲。好比，點擊按鈕，鼠標移動，關閉窗口。往JS中加代碼會行爲和結構耦合，應該往script中加。

獲取對象，經過對象的屬性進行綁定事件：

var btn=document.getElementById("btn");

btn.onclick=function()//單擊響應函數

{alert("123");

}

btn.ondblclick=function()//雙擊響應函數

{alert("123");

}

六，文檔的加載

　　文檔加載，自上而下。要把script事件放在下面。

　　onload事件會在整個頁面加載完成以後再觸發，爲window綁定一個個onload事件.該事件對應的響應函數將會在頁面加載完事以後觸發。這樣就能夠確保咱們的代碼執行時左右的DOM對象都已經加載完畢了。

window.onload=function()

{

var btn=document.getElementById("btn");

btn.onclick=function(){

alert("123");

}

七，DOM查詢

標籤就是元素，元素就是標籤

經過document對象調用

1，getElementById()

經過id屬性獲取一個元素節點對象

2，getElementsByTagName()

經過標籤名獲取一組元素節點的對象

3，getElementsByName()

經過name獲取一組元素節點對象

innerHTML用於獲取元素內部的HTML代碼的，對於字結束標籤，這個屬性無心義

若是須要讀取元素節點的屬性，直接用元素.屬性名

當讀取class時候，須要用元素.className

1，childNodes屬性會算上包括文本節點在內的全部子節點

2，children能夠獲取當前全部元素的子元素

3，firstElementChild獲取當前元素的第一個子元素

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。