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

jsp高级DOM和BOM相关推荐

JavaScript学习笔记04【高级——DOM和事件的简单学习、BOM对象】
w3school 在线教程:https://www.w3school.com.cn JavaScript学习笔记01[基础--简介.基础语法.运算符.特殊语法.流程控制语句][day01] JavaS ...
JavaScript学习笔记05【高级——DOM对象】
w3school 在线教程:https://www.w3school.com.cn JavaScript学习笔记01[基础--简介.基础语法.运算符.特殊语法.流程控制语句][day01] JavaS ...
JavaScript实战操作（DOM，BOM）
JS语法页面文档对象模型浏览器对象模型 JS ECMAScript DOM BOM API 应用程序编程接口,就是一个工具,以便于能轻松实现想要完成的功能 Web API Web API是浏览器提 ...
JS中的DOM与BOM
一.Javascript组成 JavaScript的实现包括以下3个部分: ECMAScript(核心) 描述了JS的语法和基本对象. 文档对象模型 (DOM) 处理网页内容的方法和接口浏览器对象模 ...
JavaScript核心 DOM 和 BOM操作
JavaScript核心 DOM 和 BOM操作 Web APIs 简介 1. Web APIs 和 JS 基础关联性 1.1 JS 的组成 1.2 JS 基础阶段以及 Web APIs 阶段 JS ...
web前端-JS（DOM、BOM）
web前端-JS(DOM.BOM) 1. DOM- 操作元素 1.1 获取元素 1.2 事件基础 1.3 操作元素 1.3.1 改变元素的内容 1.3.2 常见元素的属性操作 1.3.3 表单元素的属 ...
DOM与BOM与Echarts
DOM与BOM与Echarts 以下内容全部整理于:黑马程序员JavaScript核心教程,前端基础教程,JS必会的DOM BOM操作 DOM DOM简介文档对象模型(Document Object ...
黑马Pink老师DOM和BOM学习笔记
一.Web APIs简介导读 (一)Web APIs和JS基础关联性 1.JS的组成 [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-NTKrwpOg-166333998 ...
（九）JS-WEB-API（DOM、BOM、事件、Ajax、存储）【每个工程师必须熟练掌握的技能】
JS-WEB-API 提问 DOM BOM 事件 Ajax 存储从JS基础知识到JS-WEB-API JS基础知识 JS-WEB-API DOM(Document Object Model) DOM ...

jsp高级DOM和BOM