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

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

失去焦点后执行这段

js中的innerHTML和innerText属性

innerText和innerHTML属性有什么区别?

正则表达式

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

常见的的正则表达式符号

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

正则表达式的test()方法？

---

捕捉键盘回车事件

========

对于keydown事件来说，都有keyCode属性来获取键值（即键盘上的每个键都有对应的一个值）回车键为13，Esc键为27

当敲下回车键可以弹出：

void运算符

========

void运算符的语法:void(表达式)

运算原理:执行表达式，但不返回任何结果。

javascript:void(0)

其中javascript:作用是告诉浏览器后面是一段js代码。以下程序的javascript:是不能省略的。

//void(0)括号中的数字任意，不能不写数字

<a href=“javascript:void(0)” οnclick=“window.alert('test code”)"> 保留</ a>

既保留住超链接的样式，同时用户点击该超链接的时候执行一段JS代码，但页面还不能跳转

点击文字显示的弹窗效果：

控制语句

====

1、if

2、while

3、switch

4、do…while…

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属性有什么区别?

---

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

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

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

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

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

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

最后

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

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

易碰到天花板技术停滞不前！**

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

[外链图片转存中…(img-ODdiraKL-1713613461996)]

[外链图片转存中…(img-jn9AoWtJ-1713613461997)]

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

[外链图片转存中…(img-DnHey7gQ-1713613461997)]

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

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

[外链图片转存中…(img-6alKbONz-1713613461997)]

最后

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

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