【JavaWeb Day 2 - JS 】

news/2025/1/15 12:37:43/

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.ppmy.cn/news/1455088.html

相关文章

文件加密系统哪些好用?推荐3款简单易用的加密工具

在企业文件管理中是否会面临这些问题: 重要文档明文存储,随意打开和转发,文档内容容易被泄露 员工内部随意传递文件 文件外发后造成二次传播 文档内容轻易被拷贝 面对当前存在的种种安全问题,对文档进行加密处理显得尤为重要且…

语音识别--单声道转换与降采样

⚠申明: 未经许可,禁止以任何形式转载,若要引用,请标注链接地址。 全文共计3077字,阅读大概需要3分钟 🌈更多学习内容, 欢迎👏关注👀【文末】我的个人微信公众号&#xf…

Debian 德比安 Nginx + PHP + MySql + beanstalkd + Redis + Node.js

网卡模式选择桥接 mirrors.163.com 阿里镜像源 https://mirrors.aliyun.com/debian/ DeBian 安装软件选择时勾选上 SSH server apt update apt install sudo #安装 sudo usermod -aG sudo username #添加普通账号到 sudo 让 root 可以 SSH 配置文件 /etc/ssh/sshd_config 找…

19_Scala集合概述

文章目录 集合回顾javaScala集合三大类String & StringBuilderScala集合两大类 集合 回顾java scala与Java有所不同 函数式编程语言更侧重集合本身提供的哪些功能; Scala集合三大类 1.Seq 存储有序数据可重复 类比 List 2.Set 存储无序数据不可重复 3.Map…

PCB 阻抗设置

凡亿电路有详细的阻抗设计 https://baijiahao.baidu.com/s?id1773006310888936808&wfrspider&forpc 差分基本上是100ohm, 单端是50ohm 布线阻抗通常是, -设置叠层关系 层的定义设计原则: 1)主芯片相临层为地平面,提供器…

C++学习笔记——对仿函数的理解

文章目录 思维导图仿函数出现的逻辑仿函数使用上的巧妙 仿函数的本质仿函数的优势仿函数语法的巧妙 思维导图 仿函数出现的逻辑 我们在学习stack时会遇到一些新的问题,这些问题需要我们使用非类型模板参数去解决,即我们需要在设计类时需要有一个途径去快…

HTML_CSS学习:背景、鼠标相关属性

一、背景相关属性 相关代码&#xff1a; <!DOCTYPE html> <html lang"en"> <head><meta charset"UTF-8"><title>背景相关属性</title><style>body{background-color: greenyellow;}div{width: 400px;height: …

什么是PXE

文章目录 在局域网内搭建PXE服务器PXE 启动组件PXE的优点实验一、搭建PXE服务器&#xff0c;实现远程部署CentOS系统环境准备server关闭防火墙安装组件准备 Linux 内核、初始化镜像文件及PXE引导文件配置启用TFTP 服务配置启动DHCP服务准备CentOS 7 安装源配置启动菜单文件 Cli…