jsp高級DOM和BOM

Day_07(jsp高級)

Reg(正則)
作用:

校驗指定的字符串的格式是否合法

a.編寫正則表達式

方式一:var reg=new RegExp(正則表達式,匹配模式);

方式二:var reg=/正則表達式/匹配模式

匹配模式:
i:忽略大小寫

g:全局匹配(模糊匹配)

[]:可選的值有哪些

{}:可選值出現的位數

*:0次到多次

?:0次到1次

+:1次到多次

^:已什麼開頭

$:以什麼結尾

b.校驗

正則表達式.test(“被校驗的字符串”);返回的是boolean值

BOM瀏覽器對象模型(Browser Objet Model)

用於操作瀏覽器上的各種對象

window(窗口對象)----------瀏覽器窗體對象

location(連接對象)----------瀏覽器地址欄對象

history(歷史對象)----------歷史記錄對象

<body>
	我是A頁面<br/>
	<a href="b.html" target="_self">b.html</a><br/>
	<input type="button" value="前進" onclick="btnl()"/>
</body>
<script>
function btnl(){
	//向前進一個頁面
	window.history.forward();
}
</script>

[外鏈圖片轉存失敗,源站可能有防盜鏈機制,建議將圖片保存下來直接上傳(img-6IfuwUaO-1587138371554)(D:\JZX\TimeFriends\前端\day03\1.png)]

Location連接對象

屬性:

​ location.href;//獲取當前頁面的路徑

​ location.href=路徑值;//跳轉到指定路徑

方法:

reload();重新加載當前頁面

Dom文檔對象模型Document Object Model

獲取元素對象
//根據id獲取一個元素對象
document.getElementById("id");
//根據標籤獲取一種元素對象數組
document.getElmentsByTagName("標籤名");
//根據class屬性值獲取一類元素對象數組
document.getElementsByClassName("class屬性值");
//根據name屬性值獲取多個元素對象數組
documents.getElementsByName("name屬性"):
獲取屬性

元素對象.屬性名稱

操作元素標籤體

元素對象.innerHtml;//獲取標籤體內容

元素對象.innerHtml=“

文本內容

”;//設置標籤體

元素對象.innerHtml="";//刪除

操作文本

元素.innerText;//獲取文本信息

元素.innerText=“值”;//設置文本信息,將所有信息作爲不同文本添加

innertText和innertHtml的區別
innertHtml在獲取時,獲取的是標籤體的所有內容
innnertText在獲取時,獲取的僅僅是標籤體中的文本信息
innertHtml在設內容的時,可以解析內容中的標籤對象
innertText在設置內容時,將所有內容以文本插入到標籤體中
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章