欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

jsp高级DOM和BOM

程序员文章站 2022-03-14 23:20:10
...

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在设置内容时,将所有内容以文本插入到标签体中