[JS]学习笔记1 -- JAVAScript输入输出+变量

目录

1、组成:

2、书写位置:

2.1 内联JAVAScript:

2.2 内部JAVAScript:

2.3 外部JAVAScript:

3、注释

3.1 单行注释:

3.2 块注释:

4、输入输出语法

4.1 输入:

4.2 输出:

5、字面量

6、变量

6.1 本质:

6.2 初始化:

6.3 基本使用

6.4 数组


1、组成:

ECMAScript:基础语法

Web APIs: 由DOM和BOM组成

2、书写位置:

2.1 内联JAVAScript:

代码写在标签内部(待补充)

2.2 内部JAVAScript:

直接写在html文件里,用script标签包住(写在</body>的上面

2.3 外部JAVAScript:

写在同文件夹下的js结尾的文件里,然后通过script标签(在</body>上面),引入到html页面中去。

<body><script src = "文件名.js"></script>
</body>

注:script标签中间无需写代码,否则会被忽略

3、注释

3.1 单行注释:

符号: //

快捷键:ctrl + /

3.2 块注释:

符号: /* */

快捷键: shift +alt +A

4、输入输出语法

4.1 输入:

弹窗输入:prompt("说明文字")

4.2 输出:

页面输出:

        document.write('输出内容')

        document.write(变量名)

页面弹出:

        alert('弹出内容'  /  变量名)

控制台输出语法,程序员调试使用:

        console.log('控制台打印'  /  变量名)

注:控制台打印一定要用单引号,否则找不到控制台

        流程:alert和prompt会被优先执行,其余按从上到下的顺序执行

5、字面量

在计算机中描述的东西就是字面量

数字就是数字字面量,字符串就是字符串字面量; 等等等等

6、变量

6.1 本质:

计算机中用来存储数据的“容器”,简单理解是一个个的盒子。

内存:计算机中存储数据的地方,相当于一个空间

变量本质:是程序在内存中申请的一块用来存放数据的小空间

6.2 初始化:

1、声明(创建定义):

let 变量名
// 在使用变量之前,一定要先用let进行声明

2、赋值:

变量名 = 某字面量(数值/字符串/数组等等)

3、可在声明的同时进行赋值(初始化)

let 变量名 = 字面量(该变量初始值)
// 在使用变量之前,一定要先用let进行声明

 4、可以同时声明并赋值多个变量,只需使用逗号分隔开,但不提倡。

注:便于理解的代码:

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><style>.pink {background-color: pink;}</style>
</head><body><script>//弹出的内容alert("hello, js") //在页面内输出,且为一级标题document.write("<h1>js, coming</h1>")// 控制台输出console.log('ta~会魔法吧~~~')// 定义+赋值用户购买数量let num = 20// 用户姓名 // 利用输入内容对变量进行初始化let uname = prompt('输入姓名')document.write(uname)console.log('num的数量是', num)console.log(uname)</script>
</body></html>

6.3 基本使用

在赋值之后,还可以通过给他一个不同的值来进行更新,但不能多次声明

let age = 18
age = 19 // 更新,age变量中的数据变为19

例:交换两个数字

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><style>.pink {background-color: pink;}</style>
</head><body><script>let n1 = Number(prompt("请输入数字"))let n2 = Number(prompt("请输入数字"))document.write(n1,n2)document.write("<br>")let temptemp = n1n1 = n2n2 = tempdocument.write(n1, n2)</script>
</body></html>

例:输入用户名等信息,并输出到文档中:

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><style>.pink {background-color: pink;}</style>
</head><body><script>let uname = prompt("请输入姓名")let age = prompt("请输入你的年龄")let gender = prompt("请输入性别")document.write(uname, age, gender,'\n' )// document.write("<br>")document.write(age)</script>
</body></html>

6.4 数组

Array -- 将一组数据存储在单个变量名下

let arr = [数据1, 数据2, 数据3,....] //数组字面量

数组是按顺序保存,所以每个数据都有自己的编号

计算机中的编号从0开始

在数组中,数据的编号也叫索引或下标

数组可以存储任意类型的数据

输出数组中的最后一个数:

<body><script>let arr = ['monday', 'tuesday', 'wednesday', 'thursday', 'friday', 'satuaday', 'sunday']
//长度:数组中数据的个数,通过数组的length属性获得alert(arr[arr.length - 1])// document.write("<br>")</script>
</body>

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

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

相关文章

怎么用微信小程序实现远程控制空调

怎么用微信小程序实现远程控制空调呢&#xff1f; 本文描述了使用微信小程序调用HTTP接口&#xff0c;实现控制空调&#xff0c;通过不同规格的通断器&#xff0c;来控制不同功率的空调的电源。 可选用产品&#xff1a;可根据实际场景需求&#xff0c;选择对应的规格 序号设备…

最大似然参数估计、贝叶斯参数估计、最小二乘估计与贝叶斯学习的本质区别

最大似然参数估计和贝叶斯参数估计的区别在于最大似然估计认为参数是确定性的量&#xff0c;而贝叶斯估计认为参数是随机变量。之所以命名贝叶斯估计是因为用到了贝叶斯公式。根据贝叶斯公式&#xff0c;从先验概率密度转换到后验概率密度。 统计学中的贝叶斯参数估计是&#x…

python创建项目时关于new conda environment的解释

“New Conda Environment” 指的是创建一个新的 Conda 环境。Conda 是一个开源的跨平台包管理和环境管理系统&#xff0c;它可以帮助用户方便地安装、运行和升级软件包及其依赖关系。特别适用于数据科学、机器学习等领域&#xff0c;因为它对Python及非Python的包管理都有很好的…

three.js能实现啥效果?看过来,这里都是它的菜(16)

不知不觉已经分享16期&#xff0c;在这个过程中得到了很多好朋友的支持&#xff0c;所以我决定坚持分享36期&#xff0c;让大家对three.js有更加直观的认知。

机器学习知识点总结

简介&#xff1a;随着人工智能&#xff08;AI&#xff09;蓬勃发展&#xff0c;也有越来越多的人涌入到这一行业。下面简单介绍一下机器学习的各大领域&#xff0c;机器学习包含深度学习以及强化学习&#xff0c;在本节的机器学习中主要阐述一下机器学习的线性回归逻辑回归&…

数据库讲解---(关系规范化)【二】

目录 前言 一.函数依赖相关 1.1函数依赖集F的逻辑蕴涵 1.2函数依赖集闭包 1.3函数依赖的推理规则 1.3.1独立推理规则 自反律 增广律 传递律 1.3.2其他推理规则 合并规则 分解规则 伪传递规则 二.数据集闭包与F逻辑蕴涵的充要条件 2.1属性集闭包 2.2F逻辑蕴涵的…

【uni-app】申请高德地图key,封装map.js,实现H5、iOS、Android通过getlocation获取地图定位信息

map组件基础使用 <template><view class"contact"><image class"img" :src"formData.headImg"></image><view class"info"><view click"callPhone">联系电话&#xff1a;{{formData.p…

线性代数|机器学习-P6正定和半正定矩阵

文章目录 1. 正定矩阵的判定标准2. 非正定矩阵3. 能量方程3. 正定方程4. 半正定矩阵 1. 正定矩阵的判定标准 目前我们有 5 种方法判断矩阵是否为正定矩阵&#xff1a; 所有的特征值大于零&#xff1a; λ i > 0 \lambda_i>0 λi​>0对于所有的非零向量x&#xff0c;…

Spring AI 第一讲 之 Chat Client API

Chat Client API ChatClient 提供了与人工智能模型通信的流畅 API。它同时支持同步和反应编程模型。 流畅的应用程序接口&#xff08;API&#xff09;提供了一些方法&#xff0c;用于构建作为输入传递给人工智能模型的 "提示"&#xff08;Prompt&#xff09;的各个…

RK3588 AB镜像升级学习(一)

参考资料&#xff1a;Android A/B 系统_洛奇看世界的博客-CSDN博客 一、AB镜像分区 区分了OTA升级镜像的两种方式&#xff1a; 传统的升级方式&#xff1a;设备有Android系统和Recovery系统&#xff0c;如果Android需要升级时&#xff0c;把内容存到cache分区。重启后进入re…

15 条 QA 测试技巧

越来越多的企业开始寻求独立人才来增强或拓展其技术能力。软件开发行业是目前向混合团队转变的关键领域之一。与此同时&#xff0c;自由职业软件质量保证测试人员已成为任何软件开发团队的宝贵补充。 本指南将概述质量保证 (QA) 测试人员的职责以及成为测试人员的实用技巧。 Q…

Diffusers代码学习-Dreambooth

在Diffusers代码中&#xff0c;可以使用train_dreambooth.py脚本进行模型训练。 下载源代码及安装。 在运行脚本之前&#xff0c;请确保从以下源安装库&#xff1a; git clone https://github.com/huggingface/diffusers cd diffusers pip install . 导航到包含train_dr…

P3. 创建个人中心页面

P3. 创建个人中心页面 0 概述Tips1 个人中心页面1.1 创建 Bot 表及 pojo, mapper1.2 实现 Bot 增删改查的 API1.3 实现个人中心页面前端 0 概述 主要介绍了一下添加一个表(类)&#xff0c;及其CRUD的前端和后端的实现方式&#xff0c;介绍的是通用的方法。 后端的CRUD很好写&am…

5 - 无效的推文(高频 SQL 50 题基础版)

5. 无效的推文 知识点&#xff1a;计算字符长度 -- 查询所有无效推文的编号&#xff08;ID&#xff09; -- CHAR_LENGTH() 或 LENGTH() 函数来计算列中字符串的字符数。 -- 这两个函数的区别在于处理非 ASCII 字符时的行为&#xff1a; -- CHAR_LENGTH() 返回字符串的字符数&a…

可能是当下最能打的MCU图形库:LVGL

在讨论图形用户界面&#xff08;GUI&#xff09;库时&#xff0c;很多人会想到emWin、TouchGFX以及QT等。这些库虽然功能强大&#xff0c;但它们普遍存在一个共同的问题&#xff1a;对资源的需求较高&#xff0c;不适用于资源有限的微控制器&#xff08;MCU&#xff09;。有没有…

Spring Boot既打jar包又打war包如何做

你好&#xff0c;我是柳岸花开。 引言 在软件开发中&#xff0c;根据不同的部署需求&#xff0c;我们可能需要将应用打包成不同的格式。Spring Boot作为目前流行的Java应用开发框架&#xff0c;提供了一种简单的方式来打包应用。本文将介绍如何利用Maven Profiles在Spring Boot…

【linux】swap学习

在 Linux 系统中&#xff0c;swap 是一种用于扩展系统内存的技术。当物理内存&#xff08;RAM&#xff09;不足时&#xff0c;系统会将一部分不常用的内存数据移至 swap 空间&#xff0c;从而释放物理内存供其他程序使用。Swap 空间可以是一个单独的分区&#xff08;swap 分区&…

交互规范:苹果 iOS 11 设计规范

文件格式&#xff1a;PDF&#xff08;请与班主任联系获取原型文档&#xff09; 文件名称&#xff1a;苹果 iOS 11 设计规范 文件大小&#xff1a;29.2 MB 文档内容介绍 免费领取资料 添加班主任回复 “210421” 领取

泛微OA调用发送消息接口 .Net C#示例

泛微OA调用接口步骤文档 泛微OA发送消息接口文档 详细步骤查看上面两个文档 泛微OA发送消息&#xff0c;只有java代码示例&#xff0c;这里整理了一套.Net版本的示例&#xff0c;仅供参考&#xff0c;目前写的可以调用&#xff0c;后期泛微接口做调整&#xff0c;本文章不做…

数据结构_手撕七大排序(快排,归并,堆排,希尔,选择,插入,冒泡)

✨✨所属专栏&#xff1a;数据结构✨✨ ✨✨作者主页&#xff1a;嶔某✨✨ 排序的概念 排序&#xff1a;所谓排序&#xff0c;就是使一串记录&#xff0c;按照其中的某个或某些关键字的大小&#xff0c;递增或递减的排列起来的操作。 稳定性&#xff1a;假定在待排序的记录序…