【web前端HTML+CSS+JS】--- JS学习笔记03

一、JS介绍

可以在前端页面上进行逻辑处理,来解决表单的验证等问题,提升效率,直接在前端提示问题,减少服务器压力

应用1:可以做静态验证和动态验证(进行异步请求)

应用2:可以解析后端传过来的响应

应用3:可以制作页面的行为,比如定时轮播、时钟、加载数据...

二、语法

1.语法组成

2.编写位置

可以在head和Body中写<script>

3.注释

4.输出

输出到控制台

5.外部文件引入

6.变量声明与赋值

7.数据类型

(1)number

(2)boolean
(3)undefined

声明变量,但没赋值

(4)string

通过json文件进行前后端的传递,用单引号/双引号都可以表示

(5)null
(6)强制类型转换

转化为number

转化为boolean

转化为string

parseInt和parseFloat分别转为整数和小数,比如下面的指令都可以在控制台输出123.45

8.运算符

(1)算数运算符

除数运算时,整数/整数可以得到小数

(2)自增自减运算符

(3)赋值运算符
(4)比较运算符

===值和类型都相等

(5)逻辑运算符

(6)三元运算符

(7)字符串连接运算符

9.流程控制语句

do...while是无条件先执行一次

10.隐式转换

11.函数定义和复用

函数表达式

12.arguments对象

封装的是实参的数据,可以获取所有的实参数据,哪怕实参超过形参的数量

13.变量作用范围

只有在函数中声明的变量是局部变量,在外部不能访问,js没有作用域、代码块的概念,因此即使在if语句中声明的变量,在外面也能访问。

14.JS内置对象

(1)字符串对象

(2)数组对象

创建

length获取信息并且可以改变信息

访问数组元素

对数组元素进行操作

(3)math对象

(4)date对象

创建:月份从0开始定义

方法:

(5)正则对象

创建有两种方式:

定义了字符串的组成规则

(6)框对象

警告框

询问框

确认框

(7)定时器对象

循环定时:比如广告定时弹出一次

一定定时:比如在打开一个页面多久后,广告只弹出一次

15.自定义对象

通过new关键字创建对象

通过字面量创建对象

通过构造函数创建对象

三、DOM操作

可以动态的改变文档结构

1.Document对象

可以用来获取元素

script要放在内容之后

2.Element对象

获取元素的属性,从而进行增删改查操作 (需要先通过上一步获取元素)

3.标签体内容操作

4.元素关系操作

获取父元素和子元素

5.插入节点

创建新的节点,插入到已有的节点中

还可以插入到已有节点的前面

6.删除节点

通过父删除子,有两种方式:

7.表单操作

通过DOM可以便捷地操作表单

四、事件

1.单击事件

2.焦点事件

3.改变事件

4.鼠标移入移出事件

下例动态地改变class的属性值

5.页面加载事件

定义在页面内容之前,可正常加载

6.表单事件

五、BOM操作

1.window对象

2.location对象

跳转到其他页面,还可以加定时器

3.history对象

六、ES6新增特性

1.let关键字

2.const关键字

定义的变量值不允许修改,定义的数组不允许修改整个数组/对象的引用,但可以修改数组元素/对象内容

七、原型

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

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

相关文章

Postgresql - 用户权限数据库

1、综述 在实际的软件项目开发过程中&#xff0c;用户权限控制可以说是所有运营系统中必不可少的一个重点功能&#xff0c;根据业务的复杂度&#xff0c;设计的时候可深可浅&#xff0c;但无论怎么变化&#xff0c;设计的思路基本都是围绕着用户、部门、角色、菜单这几个部分展…

电脑数据恢复篇:如何从电脑中恢复已删除的照片

按下 Shift Delete 后后悔了&#xff1f;想要恢复已删除的照片&#xff1f;好吧&#xff0c;如果是这样的话&#xff0c;你来对地方了。在本文中&#xff0c;我们将讨论如何从 PC 中恢复已删除的文件。 自从摄影的概念被提出以来&#xff0c;人们就对它着迷。以前&#xff0c…

【SQL】DML、DDL、ROLLBACK 、COMMIT详解

DML DML&#xff08;Data Manipulation Language&#xff09;数据操作语言&#xff0c;是用于对数据库中的数据进行基本操作的一种编程语言。DML是数据库管理系统&#xff08;DBMS&#xff09;中的一个重要部分&#xff0c;它允许用户或应用程序对数据库中的数据进行增、删、改…

【鸿蒙学习笔记】文件管理

官方文档&#xff1a;Core File Kit简介 目录标题 文件分类什么是应用沙箱&#xff1f; 文件分类 应用文件&#xff0c;比如应用的安装包&#xff0c;自己的资源文件等。用户文件&#xff0c;比如用户自己的照片&#xff0c;录制的音视频等。 什么是应用沙箱&#xff1f; 应…

Socks5代理为何比HTTP代理快?

在网络世界中&#xff0c;代理服务器扮演着重要的角色&#xff0c;它们能够帮助我们访问被限制的网站、提高网络安全性以及优化网络性能。其中&#xff0c;Socks5代理和HTTP代理是两种常见的代理类型。然而&#xff0c;很多用户发现&#xff0c;相较于HTTP代理&#xff0c;Sock…

ctfshow-web入门-文件上传(web164、web165)图片二次渲染绕过

web164 和 web165 的利用点都是二次渲染&#xff0c;一个是 png&#xff0c;一个是 jpg 目录 1、web164 2、web165 二次渲染&#xff1a; 网站服务器会对上传的图片进行二次处理&#xff0c;对文件内容进行替换更新&#xff0c;根据原有图片生成一个新的图片&#xff0c;这样…

3D互动+AR试戴,赋能珠宝品牌线上营销!

随着电商浪潮的汹涌而至&#xff0c;珠宝这一传统上依赖实体店铺销售的行业&#xff0c;正积极拥抱线上转型的浪潮。然而&#xff0c;面对珠宝商品高客单价及消费者对于亲身体验的强烈需求&#xff0c;线上销售面临诸多挑战&#xff0c;尤其是图片展示难以全面展现珠宝魅力&…

Git 操作总结

1. 安装、Git 环境配置 1.1 安装 Git 官方版本可以在 Git 官方网站下载&#xff1a;打开 https://git-scm.com/download/win&#xff0c;选择相应版本即可。 Git 安装完成后&#xff0c;可以在开始菜单中看到 Git 的三个启动图标&#xff08;Git Bash、Git CMD、Git GUI&…

交叉熵损失函数的使用目的(很肤浅的理解)

第一种使用方法 import torch from torch import nn # Example of target with class indices loss nn.CrossEntropyLoss() input torch.randn(3, 5, requires_gradTrue) target torch.empty(3, dtypetorch.long).random_(5) output loss(input, target) output.backward(…

keepalived高可用集群

一、keepalived&#xff1a; 1.keepalive是lvs集群中的高可用架构&#xff0c;只是针对调度器的高可用&#xff0c;基于vrrp来实现调度器的主和备&#xff0c;也就是高可用的HA架构&#xff1b;设置一台主调度器和一台备调度器&#xff0c;在主调度器正常工作的时候&#xff0…

阿里云操作系统智能助手OS Copilot实验测评报告

阿里云操作系统智能助手OS Copilot产品说明 阿里云操作系统智能助手 OS copilot 是一款基于云原生技术的操作系统&#xff0c;具有智能化、自动化和可扩展性等特点。它可以帮助用户快速构建、部署和管理云上应用&#xff0c;提高运维效率和系统稳定性。OS copilot 支持多种主流…

【踩坑】解决undetected-chromedriver报错cannot connect to-chrome

转载请注明出处&#xff1a;小锋学长生活大爆炸[xfxuezhagn.cn] 如果本文帮助到了你&#xff0c;欢迎[点赞、收藏、关注]哦~ 更新&#xff1a; 发现一个非常好用的项目&#xff0c;直接内置uc&#xff1a; GitHub - seleniumbase/SeleniumBase: &#x1f4ca; Pythons all-in…

int类型变量表示范围的计算原理

文章目录 1. 了解2. 为什么通常情况下int类型整数的取值范围是-2147483648 ~ 21474836473. int类型究竟占几个字节4. 推荐 1. 了解 通常情况下int类型变量占4个字节&#xff0c;1个字节有8位&#xff0c;每位都有0和1两种状态&#xff0c;所以int类型变量一共可以表示 2^32 种状…

访问者模式(Visitor Pattern)

访问者模式&#xff08;Visitor Pattern&#xff09; 定义 访问者模式&#xff08;Visitor Pattern&#xff09; 表示一个作用于某对象结构中的各元素的操作。它使你可以在不改变各元素类的前提下定义作用于这些元素的新操作。 该模式的主要思想是将作用于某种数据结构中的各…

【Linux】线程池|单例模式|STL、智能指针线程安全|读者写者问题

> 作者&#xff1a;დ旧言~ > 座右铭&#xff1a;松树千年终是朽&#xff0c;槿花一日自为荣。 > 目标&#xff1a;理解【Linux】线程池|单例模式|STL、智能指针线程安全|读者写者问题。 > 毒鸡汤&#xff1a;有些事情&#xff0c;总是不明白&#xff0c;所以我不会…

零信任安全新纪元:零信任沙箱的源代码保护策略

在数字世界的战场上&#xff0c;安全防护是每一家企业的生命线。今天&#xff0c;我们要介绍的是一款革命性的安全工具——SDC沙箱&#xff0c;它以零信任的理念为核心&#xff0c;为您的源代码和敏感数据筑起一道坚不可摧的防线。 什么是零信任沙箱&#xff1f; 零信任&…

Outlook邮件提醒通知功能详解:设置教程!

Outlook邮件提醒通知使用指南&#xff1f;如何个性设计邮件通知&#xff1f; 为了帮助用户更好地管理邮件&#xff0c;Outlook提供了强大的邮件提醒通知功能。AokSend将详细介绍如何设置和使用Outlook邮件提醒通知功能&#xff0c;以提高工作效率和管理时间的能力。 Outlook邮…

Agent Group复现

项目链接 温馨提示&#xff0c;token量很大&#xff0c;最好搞的免费额度的。例如智谱注册即赠额度。 git clone https://github.com/MikeGu721/AgentGroup.git cd AgentGroup pip install -r requirements.txt # set your api url and key in ./prompt/utils.py 这里可以配置…

单例模式(Singleton Pattern)

单例模式&#xff08;Singleton Pattern&#xff09; 定义 是指确保一个类在任何情况下都绝对只有一个实例&#xff0c;并提供一个全局访问点。 隐藏起所有的构造方法。 属于创建型模式。 适用场景 确保任何情况下都绝对只有一个实例。 比如数据库连接池、配置文件读取、缓…

android13 cat /proc/cupinfo没有Serial问题

1.前言 我们有些客户是使用cpuinfo节点去获取系统的cpuid的,如下: cat /proc/cupinfo processor : 0 BogoMIPS : 48.00 Features : fp asimd evtstrm aes pmull sha1 sha2 crc32 atomics fphp asimdhp cpuid asimdrdm lrcpc dcpop asimddp CPU impleme…