【JavaScript】頁面捕捉和正則表示

目錄

捕捉鍵盤回車事件

void運(yùn)算符

控制語句

js中創(chuàng)建數(shù)組

DOM編程獲取value

BOM和DOM的區(qū)別和聯(lián)系？

BOM包含DOM

點(diǎn)擊按鈕得到文本框中的值

按回車把文本框1內(nèi)容復(fù)制到文本框2

失去焦點(diǎn)后執(zhí)行這段

js中的innerHTML和innerText屬性

innerText和innerHTML屬性有什么區(qū)別?

正則表達(dá)式

1、什么是正則表達(dá)式，有什么用?

常見的的正則表達(dá)式符號(hào)

7、怎么創(chuàng)建正則表達(dá)式對(duì)象，怎么調(diào)用正則表達(dá)式對(duì)象的方法?

正則表達(dá)式的test()方法？

捕捉鍵盤回車事件

對(duì)于keydown事件來說，都有keyCode屬性來獲取鍵值（即鍵盤上的每個(gè)鍵都有對(duì)應(yīng)的一個(gè)值）回車鍵為13，Esc鍵為27

當(dāng)敲下回車鍵可以彈出：

void運(yùn)算符

void運(yùn)算符的語法:void(表達(dá)式)

運(yùn)算原理:執(zhí)行表達(dá)式，但不返回任何結(jié)果。

javaScript:void(0)

其中javaScript:作用是告訴瀏覽器后面是一段js代碼。以下程序的javascript:是不能省略的。

//void(0)括號(hào)中的數(shù)字任意，不能不寫數(shù)字 保留

既保留住超鏈接的樣式，同時(shí)用戶點(diǎn)擊該超鏈接的時(shí)候執(zhí)行一段JS代碼，但頁面還不能跳轉(zhuǎn)

點(diǎn)擊文字顯示的彈窗效果：

控制語句

1、if

2、while

3、switch

4、do...while...

5、for

6、break

7、continue

8、for? in(了解)

9、with(了解)

1-7和java類似，就不多贅述了。

js中創(chuàng)建數(shù)組

var 數(shù)組名=[數(shù)據(jù)....]

var arr=[1,2,true,"abc","3.14" ];//什么類型都可以接受

遍歷數(shù)組

for(var i=0;i

for? in 遍歷

for(var i in arr){ alert(arr[i]); }

//for..in語句可以遍歷對(duì)象的屬性 User =function(username,password){ this.username =username; this.password =password;} var u=new User("張三"，"444"); alert(u.username +""+u.password); alert(u["username"]+","+u["password"]); for(var SXM in u){ //alert(SXM) //alert(typeof shuXingMing) //SXM是一個(gè)字符串 alert(u[shuXingMing]);}

with的用法：

在訪問類的對(duì)象時(shí)：

alert(u.username); alert(u.password);

用with

with(u){ alert(username+password); }

DOM編程獲取value

JavaScript包括三大塊:

ECMAScript:JS的核心語法(ES規(guī)范/ECMA-262標(biāo)準(zhǔn))

DOM：document Object Model(文檔對(duì)象模型:對(duì)網(wǎng)頁當(dāng)中的節(jié)點(diǎn)進(jìn)行增刪改的過? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?程。)HTML文檔被當(dāng)做一棵DOM樹來看待

DOM編程的代表：?var domObj=document.getElementById("id");

BOM:Browser Object Model(測覽器對(duì)象模型)

關(guān)閉瀏覽器窗口、打開一個(gè)新的瀏覽器窗口、后退。前進(jìn)、瀏覽器地址欄上的地址等，都是BOM編程。

BOM和DOM的區(qū)別和聯(lián)系？

DOM的頂級(jí)對(duì)象是document

BOM的頂級(jí)對(duì)象是window

BOM包含DOM

在document之前有window省略了

點(diǎn)擊按鈕得到文本框中的值

//點(diǎn)擊按鈕得到文本框中的值

拿到value的值。

按回車把文本框1內(nèi)容復(fù)制到文本框2

失去焦點(diǎn)后執(zhí)行這段

//this代表的是當(dāng)前文本框?qū)ο?

js中的innerHTML和innerText屬性

在head中：

在body中：

運(yùn)行結(jié)果：

innerText和innerHTML屬性有什么區(qū)別?

相同點(diǎn):都是設(shè)置元素內(nèi)部的內(nèi)容。

不同點(diǎn):

innerHTML:會(huì)把后面的“字符串”當(dāng)做一段HTML代碼解釋并執(zhí)行。

innerText:即使后面是一段HTML代碼，也只是將其當(dāng)做普通的字符串來看待。

正則表達(dá)式

1、什么是正則表達(dá)式，有什么用?

正則表達(dá)式:Regular Expression

正則表達(dá)式主要用在字符串格式匹配方面

2、正則表達(dá)式實(shí)際上是一門獨(dú)立的學(xué)科工在Java語言中支持，c語言中也支持，javascript中也支持。大部分編程語言都支持正則表達(dá)式。正則表達(dá)式最初使用在醫(yī)學(xué)方面，用來表示神經(jīng)符號(hào)等。目前使用最多的是計(jì)算機(jī)編程領(lǐng)域，用作字符串格式匹配。包括搜索方面等。

正則表達(dá)式，對(duì)于我們javascript編程來說，掌握哪些內(nèi)容呢?

第一:常見的正則表達(dá)式符號(hào)要認(rèn)識(shí)。第二:簡單的正則表達(dá)式要會(huì)寫。

第三:他人編寫的正則表達(dá)式要能看懂。

第四:在javascript當(dāng)中，怎么創(chuàng)建正則表達(dá)式對(duì)象!(new對(duì)象)

第五:在javascript當(dāng)中，正則表達(dá)式對(duì)象有哪些方法!(調(diào)方法)

第六:要能夠快速的從網(wǎng)絡(luò)上找到自己需要的正則表達(dá)式。并且測試其有效性。

常見的的正則表達(dá)式符號(hào)

①：

.? ?匹配除換行符以外的任意字符

\w??匹配字母或數(shù)字或下劃線或漢字

\s??匹配任意的空白符

\d??匹配數(shù)字

\b??匹配單詞的開始或結(jié)束

^??匹配字符串的開始

$??匹配字符串的結(jié)束

②：

*? ?重復(fù)零次或更多次

+? ?重復(fù)一次或更多次

????重復(fù)零次或一次

{n}? 重復(fù)n次

{n,}? 重復(fù)n次或更多次

{n,m} 重復(fù)n到m次

③：

\W? ? 匹配任意不是字母，數(shù)字，下劃線，漢字的字符

\S? ? ?匹配任意不是空白符的字符

\D? ? ?匹配任意非數(shù)字的字符

\B? ? ?匹配不是單詞開頭或結(jié)束的位置

[^x]? 匹配除了x以外的任意字符

[^aeiou] 匹配除了aeiou這幾個(gè)字母以外的任意字符

正則表達(dá)式當(dāng)中的小括號(hào)()優(yōu)先級(jí)較高。

「1-9]表示1到9的任意1個(gè)數(shù)字(次數(shù)是1次)

[A-Za-z0-9]表示A-Za-z0-9中的任意1個(gè)字符

[A-Za-z0-9-]表示A-Z、a-z、0-9、-，以上所有字符中的任意1個(gè)字符。

一些正則表達(dá)式：

QQ號(hào)的正則：^[1-9] [0-9] { 4,}$

郵箱的正則：

^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$

7、怎么創(chuàng)建正則表達(dá)式對(duì)象，怎么調(diào)用正則表達(dá)式對(duì)象的方法?

第一種創(chuàng)建方式:

var regExp=/正則表達(dá)式/flags;

第二種創(chuàng)建方式:使用內(nèi)置支持類RegExp

var regExp =new RegExp("正則表達(dá)式","flags");

關(guān)于flags:

g:全局四配

i:忽略大小寫

m:多行搜索(ES規(guī)范制定之后才支持m。)當(dāng)前面是正則表達(dá)式的時(shí)候，m不能用，只有前面是普通字符串的時(shí)候,m?才可以使用。

正則表達(dá)式的test()方法？

true/false=正則表達(dá)式對(duì)象.test(用戶填寫的字符串)

true:字符串格式匹配成功

false:字符串格式匹配失敗

JavaScript 正則表達(dá)式

版權(quán)聲明：本文內(nèi)容由網(wǎng)絡(luò)用戶投稿，版權(quán)歸原作者所有，本站不擁有其著作權(quán)，亦不承擔(dān)相應(yīng)法律責(zé)任。如果您發(fā)現(xiàn)本站中有涉嫌抄襲或描述失實(shí)的內(nèi)容，請聯(lián)系我們jiasou666@gmail.com 處理，核實(shí)后本網(wǎng)站將在24小時(shí)內(nèi)刪除侵權(quán)內(nèi)容。

版權(quán)聲明：本文內(nèi)容由網(wǎng)絡(luò)用戶投稿，版權(quán)歸原作者所有，本站不擁有其著作權(quán)，亦不承擔(dān)相應(yīng)法律責(zé)任。如果您發(fā)現(xiàn)本站中有涉嫌抄襲或描述失實(shí)的內(nèi)容，請聯(lián)系我們jiasou666@gmail.com 處理，核實(shí)后本網(wǎng)站將在24小時(shí)內(nèi)刪除侵權(quán)內(nèi)容。