jsp高级DOM和BOM

简介: 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在设置内容时,将所有内容以文本插入到标签体中
目录
相关文章
|
2月前
|
缓存 编解码 JavaScript
DOM 和 BOM 在项目中应用时的性能优化方法
【10月更文挑战第19天】总之,优化 DOM 和 BOM 的性能需要综合考虑多个方面,通过合理的设计和技术手段,提升项目的运行效率和用户体验。在实际开发中,要不断地进行性能优化实践,以适应不断变化的需求和技术发展。
|
2月前
|
JavaScript 安全 物联网
DOM 和 BOM 在项目中的应用
【10月更文挑战第19天】在现代网页开发和应用项目中,DOM(文档对象模型)和 BOM(浏览器对象模型)扮演着至关重要的角色。它们为开发者提供了与网页文档和浏览器环境进行交互的能力,使项目能够实现丰富的功能和用户体验。
|
2月前
|
XML 编解码 JavaScript
DOM(文档对象模型)和 BOM(浏览器对象模型)
【10月更文挑战第19天】在前端开发中,理解 DOM(文档对象模型)和 BOM(浏览器对象模型)是至关重要的。它们是 Web 开发的基础,为我们提供了与网页文档和浏览器进行交互的能力。
|
3月前
|
XML 缓存 JavaScript
提升对前端的认知,不得不了解Web API的DOM和BOM
该文章强调了在前端开发中理解和掌握DOM(文档对象模型)和BOM(浏览器对象模型)的重要性,并介绍了它们的相关操作和应用。
提升对前端的认知,不得不了解Web API的DOM和BOM
|
3月前
|
XML 移动开发 JavaScript
js中BOM和DOM总结(基础篇)
文章总结了JavaScript的BOM和DOM知识点,包括window、screen、location、history、navigator对象,以及消息框、计时器和cookie。同时,介绍了DOM的概念、节点获取和修改方法,以及事件处理。
js中BOM和DOM总结(基础篇)
|
4月前
|
编解码 JavaScript 前端开发
JS逆向浏览器脱环境专题:事件学习和编写、DOM和BOM结构、指纹验证排查、代理自吐环境通杀环境检测、脱环境框架、脱环境插件解决
JS逆向浏览器脱环境专题:事件学习和编写、DOM和BOM结构、指纹验证排查、代理自吐环境通杀环境检测、脱环境框架、脱环境插件解决
142 1
|
7月前
|
XML JavaScript 前端开发
JavaScript简介&引入方式(JavaScript基础语法、JavaScript对象、BOM、DOM、事件监听)
JavaScript简介&引入方式(JavaScript基础语法、JavaScript对象、BOM、DOM、事件监听)
48 2
|
JavaScript 前端开发 Cloud Native
JavaScript的三大组成部分是什么?JavaScript的核心组成部分解析:语法、BOM和DOM
JavaScript的三大组成部分是什么?JavaScript的核心组成部分解析:语法、BOM和DOM
280 0
JavaScript的三大组成部分是什么?JavaScript的核心组成部分解析:语法、BOM和DOM
|
7月前
|
JavaScript 前端开发
深入了解 JavaScript 中的 DOM 和 BOM
深入了解 JavaScript 中的 DOM 和 BOM
211 4
|
7月前
|
编解码 JavaScript 前端开发
BOM和DOM:BOM(浏览器对象模型)提供了与浏览器交互的能力,如弹窗、定时器等;DOM(文档对象模型)提供了操作HTML元素的能力,如获取、修改元素内容和属性。
BOM和DOM:BOM(浏览器对象模型)提供了与浏览器交互的能力,如弹窗、定时器等;DOM(文档对象模型)提供了操作HTML元素的能力,如获取、修改元素内容和属性。
80 2

相关课程

更多