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