【JavaWeb Day 2 - JS 】

JavaWeb Day 2 - JS

  • JS
    • 背景故事
    • 1. JS 引入方式
    • 2. JS 基本语法
      • 2.2 变量
      • 2.3 数据类型
      • 2.4 运算符
    • 3. JS 函数
    • 4. JS 对象
      • 4.1 Array对象
      • 4.2 String对象
      • 4.3 JSON对象
      • 4.4 BOM对象
        • 4.4.1 windows 对象
        • 4.4.2 location 对象
      • 4.5 DOM 对象
        • DOM 案例
    • 5. JS 事件监听
      • 5.1 JS 事件绑定 及 常见事件
      • 5.2 JS 事件案例

JS

背景故事

  • JavaScript
    一门面向对象、跨平台的脚本语言,用于控制网页行为,使网页可交互。

  • ECMA国际
    ECMA国际前身为 “欧洲计算机制造商协会(European Computer Manufacturers Association)” ,制定了标准化的脚本程序设计语言ECMAScript,这种语言得到广泛应用。而JavaScript遵循ECMAScript标准。

1. JS 引入方式

在这里插入图片描述
在这里插入图片描述

2. JS 基本语法

在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

2.2 变量

在这里插入图片描述
在这里插入图片描述

2.3 数据类型

为什么’'null" 的数据类型为“object”而不是“null”
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

2.4 运算符

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

3. JS 函数

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

4. JS 对象

4.1 Array对象

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

4.2 String对象

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

4.3 JSON对象

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

4.4 BOM对象

4.4.1 windows 对象

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

4.4.2 location 对象

在这里插入图片描述

在这里插入图片描述

4.5 DOM 对象

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

DOM 案例

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

5. JS 事件监听

5.1 JS 事件绑定 及 常见事件

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

5.2 JS 事件案例

在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/661623.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

PF-NET与3D点云补全

文章目录 点云补全 (Point Cloud Completion) 点云补全 (Point Cloud Completion) 3D点云补全问题的主要目标是估计缺失点 点云坐标。这个问题在实际解决的时候主要有2个问题,第一就是点云补充得过于完整,比如目标点云中是有缺口,但是补全的…

人脸识别概念解析

目录 1. 概述 2. 人脸检测 3. 人脸跟踪 4. 质量评价 5. 活体检测 6. 特征提取 7. 人脸验证 8. 人脸辨识 1. 概述 人脸识别在我们的生活中随处可见,例如在大楼门禁系统中,它取代了传统的门禁卡或密码,提高了进出的便捷性和安全性。在商…

Edge浏览器新特性深度解析,写作ai免费软件

首先,这篇文章是基于笔尖AI写作进行文章创作的,喜欢的宝子,也可以去体验下,解放双手,上班直接摸鱼~ 按照惯例,先介绍下这款笔尖AI写作,宝子也可以直接下滑跳过看正文~ 笔尖Ai写作:…

Protobuf 通信协议

Protobuf Protobuf 简介使用技术内幕 Protobuf 简介 在移动互联网时代,手机流量、电量是最为有限的资源,而移动端的即时通讯应用无疑必须得直面这两点 解决流量过大的基本方法就是使用高度压缩的通信协议,而数据压缩后流量减小带来的自然结…

暴雨服务器引领信创算力新潮流

去年大模型的空前发展,人工智能也终于迎来了属于自己的“文艺复兴”,众多的模型相继发布,继而催生了整个行业对于智能算力需求的激增。 市场需求与技术驱动仿佛现实世界的左右脚,催动着世界文明的齿轮向前滚动。在全球经济角逐日…

Android创建快捷方式到桌面

效果图 参考 https://blog.51cto.com/u_16175498/8811197https://blog.51cto.com/u_16175498/8811197 权限 <uses-permission android:name"com.android.launcher.permission.INSTALL_SHORTCUT" /> 实现 if (Build.VERSION.SDK_INT > Build.VERSION_C…

【Java】实现一个简单的线程池

&#x1f4dd;个人主页&#xff1a;哈__ 期待您的关注 目录 ​编辑 一、线程池的模式 二、线程池的一些参数 三、代码实现 1.BlockingQueue 2.ThreadPool 四、拒绝策略 一、线程池的模式 线程池顾名思义就是管理线程的一个池子&#xff0c;我们把创建线程的过程交给…

Murphy:优维大模型运维数智人上线服役

01 墨菲定律&#xff1a; 幽默又严肃的NASA军规 「墨菲定律」 &#xff08;Murphy’s law&#xff09; 任何可能出错的事情最终都会出错 墨菲定律强调了在复杂系统和人类活动中&#xff0c;事情往往会出现意想不到的差错。虽然这只是一种对人类经验和偶然性的幽默概括与启…

iA Writer for Mac:简洁强大的写作软件

在追求高效写作的今天&#xff0c;iA Writer for Mac凭借其简洁而强大的功能&#xff0c;成为了许多作家、记者和学生的首选工具。这款专为Mac用户打造的写作软件&#xff0c;以其独特的设计理念和实用功能&#xff0c;助你轻松打造高质量的文章。 iA Writer for Mac v7.1.2中文…

前端性能优化知识梳理

1.重要性 当我们面试的时候&#xff0c;前端性能优化方面算是必考的知识点&#xff0c;但是工作中我们又很少会重点的对项目进行前端优化&#xff0c;它真的不重要吗&#xff1f; 如果我们可以将后端响应时间缩短一半&#xff0c;整体响应时间只能减少5%~10%。而如果关注前端…

ZYNQ启动流程分析之BOOT.BIN头

BOOT.BIN头简介 BOOT.BIN头其实就是BOOT.BIN文件前面的一段头部数据&#xff0c;并且这个头部数据是按照一定的格式组织在一起的&#xff0c;并且该头部数据能够被BootROM代码解析。   在boot.bin文件中从地址0-0x8FF可以分为17个部分&#xff0c;每个部分都有一定的含义。…

深入解析yolov5,为什么算法都是基于yolov5做改进的?(一)

YOLOv5简介 YOLOv5是一种单阶段目标检测算法&#xff0c;它在YOLOv4的基础上引入了多项改进&#xff0c;显著提升了检测的速度和精度。YOLOv5的设计哲学是简洁高效&#xff0c;它有四个版本&#xff1a;YOLOv5s、YOLOv5m、YOLOv5l、YOLOv5x&#xff0c;分别对应不同的模型大小…