【JavaScript】页面捕捉和正则表示(1)

5、for

6、break

7、continue

8、for  in(了解)

9、with(了解)

1-7和java类似，就不多赘述了。

js中创建数组

=======

var 数组名=[数据…]

var arr=[1,2,true,“abc”,“3.14” ];//什么类型都可以接受

遍历数组

for(var i=0;i<arr.length;i++){

alert(arr[i]);//i表示的是下标

}

for  in 遍历

for(var i in arr){

alert(arr[i]);

}

//for…in语句可以遍历对象的属性

User =function(username,password){

this.username =username; this.password =password;}

var u=new User(“张三”，“444”);

alert(u.username +“”+u.password);

alert(u[“username”]+“,”+u[“password”]);

for(var SXM in u){

//alert(SXM)

//alert(typeof shuXingMing)

//SXM是一个字符串

alert(u[shuXingMing]);}

with的用法：

在访问类的对象时：

alert(u.username);

alert(u.password);

用with

with(u){

alert(username+password);

}

DOM编程获取value

=============

JavaScript包括三大块:

ECMAScript:JS的核心语法(ES规范/ECMA-262标准)

DOM：document Object Model(文档对象模型:对网页当中的节点进行增删改的过                                       程。)HTML文档被当做一棵DOM树来看待

DOM编程的代表： var domObj=document.getElementById(“id”);

BOM:Browser Object Model(测览器对象模型)

关闭浏览器窗口、打开一个新的浏览器窗口、后退。前进、浏览器地址栏上的地址等，都是BOM编程。

BOM和DOM的区别和联系？

---

DOM的顶级对象是document

BOM的顶级对象是window

BOM包含DOM

---

在document之前有window省略了

点击按钮得到文本框中的值

//点击按钮得到文本框中的值

拿到value的值。

按回车把文本框1内容复制到文本框2

<input type=“txt” id=“user1”/ >

失去焦点后执行这段

//this代表的是当前文本框对象

js中的innerHTML和innerText属性

=========================

在head中：

在body中：

运行结果：

innerText和innerHTML属性有什么区别?

---

**相同点:**都是设置元素内部的内容。

不同点:

innerHTML:会把后面的“字符串”当做一段HTML代码解释并执行。

innerText:即使后面是一段HTML代码，也只是将其当做普通的字符串来看待。

正则表达式

=====

1、什么是正则表达式，有什么用?

---

正则表达式:Regular Expression

正则表达式主要用在字符串格式匹配方面

2、正则表达式实际上是一门独立的学科工在Java语言中支持，c语言中也支持，javascript中也支持。大部分编程语言都支持正则表达式。正则表达式最初使用在医学方面，用来表示神经符号等。目前使用最多的是计算机编程领域，用作字符串格式匹配。包括搜索方面等。

正则表达式，对于我们javascript编程来说，掌握哪些内容呢?

第一:常见的正则表达式符号要认识。第二:简单的正则表达式要会写。

第三:他人编写的正则表达式要能看懂。

第四:在javascript当中，怎么创建正则表达式对象!(new对象)

第五:在javascript当中，正则表达式对象有哪些方法!(调方法)

第六:要能够快速的从网络上找到自己需要的正则表达式。并且测试其有效性。

常见的的正则表达式符号

---

①：

**.   匹配除换行符以外的任意字符

\w  匹配字母或数字或下划线或汉字

\s  匹配任意的空白符

\d  匹配数字

\b  匹配单词的开始或结束

^  匹配字符串的开始

$  匹配字符串的结束**

②：

***   重复零次或更多次

+   重复一次或更多次

?   重复零次或一次

{n}  重复n次

{n,}  重复n次或更多次

{n,m} 重复n到m次**

③：

**\W    匹配任意不是字母，数字，下划线，汉字的字符

\S     匹配任意不是空白符的字符

\D     匹配任意非数字的字符

\B     匹配不是单词开头或结束的位置

[^x]  匹配除了x以外的任意字符

[^aeiou] 匹配除了aeiou这几个字母以外的任意字符**

正则表达式当中的小括号()优先级较高。

「1-9]表示1到9的任意1个数字(次数是1次)

[A-Za-z0-9]表示A-Za-z0-9中的任意1个字符

[A-Za-z0-9-]表示A-Z、a-z、0-9、-，以上所有字符中的任意1个字符。

一些正则表达式：

QQ号的正则：^[1-9] [0-9] { 4,}$

邮箱的正则：

^\w+([-+.]\w+)@\w+([-.]\w+).\w+([-.]\w+)*$

7、怎么创建正则表达式对象，怎么调用正则表达式对象的方法?

---

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！

如果你觉得这些内容对你有帮助，可以扫码获取！！（备注：前端）

最后

正值金三银四招聘旺季，很多小伙伴都询问我有没有前端方面的面试题，特地整理出来赠送给大家！

资料领取方式：点击这里前往获取

因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。*

[外链图片转存中…(img-CXkRMyLi-1712556586456)]

[外链图片转存中…(img-4RcHX5QI-1712556586457)]

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！

[外链图片转存中…(img-4NvKL0Xz-1712556586457)]

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！

如果你觉得这些内容对你有帮助，可以扫码获取！！（备注：前端）

最后

正值金三银四招聘旺季，很多小伙伴都询问我有没有前端方面的面试题，特地整理出来赠送给大家！

资料领取方式：点击这里前往获取