当前位置： 首页 > news >正文

JavaScript学习笔记 1】初识JS

news 文章来源：https://blog.csdn.net/look_outs/article/details/143878012 2024/11/26 20:45:42

目录

一、JS是什么？

二、JS的作用？

三、JS的组成

 四、JS的书写位置

1. 内部JS

2. 外部JS(外部导入)

3. 内联JS

4. 练习

五、JS的注释与结束符

1. 注释

2. 结束符

3. JS该不该加分号？

六、JS的输入和输出语法

1. 输出语法

a. 输出在页面中

b. 弹出警告对话框

c. 输出在控制台中

2. 输入语法

a. 显示一个对话框输入

3. 练习

七、JS代码的执行顺序

八、字面量

九、 总结

一、JS是什么？

JS（JavaScript）是一种运行在客户端(浏览器)的编程语言，实现人机交互效果。Html和Css是标记语言而不是编程语言。

二、JS的作用？

  • 网页特效(监听用户的一些行为让网页作出对应的反馈)
  • 表单验证(针对表单数据的合法性进行判断)【JS表单验证是优化项目性能的好方法】
  • 数据交互(获取后台的数据，渲染到前端)
  • 使用Node.js做后端开发

三、JS的组成

  • 如果是分为两部分就分为：ECMAScript、Web APIs
  • 如果是分为三部分就把Web APIs再拆分一下，拆为DOM和BOM，三部分为ECMAScript、DOM、BOM。

 四、JS的书写位置

1. 内部JS

内部JS就是将<script>标签写在<body>最下面，也就是放在</body>上，

2. 外部JS(外部导入)

  • 位置不变，仍在<body>的最下面，但是要通过<script src="xxx">来导入。
  • 注意使用这种写法<script>标签的中间就不要写内容了，写了也不执行。

3. 内联JS

也就是在标签内部写JS代码。

4. 练习

<body><--内部JS--><script>alert("aaaaa");</script><--外部JS--><script src="./JSdemo1.js"></script>
</body>

五、JS的注释与结束符

1. 注释

JS的注释和其他编程语言一样，//是单行注释，/**/是多行注释。

2.结束符

以 ; 为结束符，但是可写可不写。

3. JS该不该加分号？

  • 按你所在的开发团队的规定来。
  • 不要一味的认为“语句的结尾当然应该加分号”，这是一个保守未经深入思考的草率结论。

六、JS的输入和输出语法

1. 输出语法

a. 输出在页面中

  • document.write('要输出的内容')
  • 单引号，双引号都行，但一定要把要输出的内容括起来。
  • 如果输出的内容是标签，也会被解析成网页元素。

<body><script>document.write("demo2");document.write("<h1> demo2 </h1>");</script>
</body>

b. 弹出警告对话框

  • alter("要输出的内容")
  • 单引号和双引号都行，但一定要把要输出的内容括起来。
  • 不会解析标签。
<body><script>alert("demo2")alert('demo')</script>
</body>

c. 输出在控制台中

  • console.log("控制台打印")
  • 开发时，打印日志给我们开发人员看的。
<body><script>console.log("demo2")console.log('demo2')</script>
</body>

2. 输入语法

a. 显示一个对话框输入

  • prompt("xxxx")
  • 后面使用变量可以获取到用户输入的信息。

3. 练习

<body><script>alert('你好JS')document.write('JavaScript我来了！')console.log('它~会魔法吧~')</script>
</body>

七、JS代码的执行顺序

  • 按照从上往下的顺序执行JS代码
  • alert()和prompt()弹出框会被优先执行

八、字面量

  • 数字字面量   ---  100
  • 字符串字面量   --- 'abc' \ "abc"
  • 数组字面量   ---  []
  • 对象字面量   ---  {}

九、 总结

 ------------------------END-------------------------

才疏学浅，谬误难免，欢迎各位批评指正。

相关文章：

JavaScript学习笔记 1】初识JS

目录 一、JS是什么&#xff1f; 二、JS的作用&#xff1f; 三、JS的组成 四、JS的书写位置 1. 内部JS 2. 外部JS(外部导入) 3. 内联JS 4. 练习 五、JS的注释与结束符 1. 注释 2. 结束符 3. JS该不该加分号&#xff1f; 六、JS的输入和输出语法 1. 输出语法 a. 输出在页面中 b. …...

编程日记 2024/11/21 1:32:45

Linux-Samba

文章目录 Samba配置服务配置 &#x1f3e1;作者主页&#xff1a;点击&#xff01; &#x1f916;Linux专栏&#xff1a;点击&#xff01; ⏰️创作时间&#xff1a;2024年11月18日13点20分 Samba配置 Samba是一个能让 Linux 系统应用与 Microsoft 网络通讯协议的软件&#x…...

编程日记 2024/11/21 1:30:42

【Java Web】JSON 以及 JSON 转换

JSON&#xff08;JavaScript Object Notation&#xff09;一种灵活、高效、轻量级的数据交换格式&#xff0c;广泛应用于各种数据交换和存储场景。 基本特点 1、简单易用&#xff1a;JSON格式非常简单&#xff0c;易于理解和使用。 2、轻量级&#xff1a;相比XML等其他数据格…...

编程日记 2024/11/21 1:27:39

Qt 元对象系统

Qt 元对象系统 Qt 元对象系统1. 元对象的概念2. 元对象系统的核心组件2.1 QObject2.2 Q_OBJECT 宏2.3 Meta-Object Compiler (MOC) 3. 信号与槽3.1 基本概念信号与槽的本质信号和槽的关键特征 3.2 绑定信号与槽参数解析断开连接 3.3 标准信号与槽查找标准信号与槽使用示例规则与…...

编程日记 2024/11/21 1:25:36

鸿蒙实战：使用隐式Want启动Ability

文章目录 1. 实战概述2. 实现步骤2.1 创建鸿蒙应用项目2.2 修改Index.ets代码2.3 创建LuzhouAbility2.4 创建Luzhou页面2.5 设置模块配置文件 3. 测试效果4. 实战总结 1. 实战概述 本次鸿蒙应用实战&#xff0c;先创建项目“ImplicitWantStartAbility”&#xff0c;接着修改In…...

编程日记 2024/11/21 1:22:31

go-zero(二) api语法和goctl应用

go-zero api语法和goctl应用 在实际开发中&#xff0c;我们更倾向于使用 goctl 来快速生成代码。 goctl 可以根据 api快速生成代码模板&#xff0c;包括模型、逻辑、处理器、路由等&#xff0c;大幅提高开发效率。 一、构建api demo 现在我们通过 goctl 创建一个最小化的 HT…...

编程日记 2024/11/21 1:20:28

java 操作Mongodb

CRUD基础操作 Springboot 操作 MongoDB 有两种方式。 第一种方式是采用 Springboot 官方推荐的 JPA 方式&#xff0c;这种操作方式&#xff0c;使用简单但是灵活性比较差。第二种方式是采用 Spring Data MongoDB 封装的 MongoDB 官方 Java 驱动 MongoTemplate 对 MongoDB 进行…...

编程日记 2024/11/21 1:19:27

以Java为例，实现一个简单的命令行图书管理系统，包括添加图书、删除图书、查找图书等功能。

江河湖海中的代码之旅&#xff1a;打造你的命令行图书管理系统 一、系统简介 1. Java简介 Java&#xff0c;这个编程语言界的“瑞士军刀”&#xff0c;自1995年诞生以来就以其跨平台的特性和强大的生态系统征服了无数开发者的心。想象一下&#xff0c;Java就像是一条蜿蜒曲折…...

编程日记 2024/11/21 1:17:24

[JavaWeb]微头条项目

完整笔记和项目代码&#xff1a; https://pan.baidu.com/s/1PZBO0mfpwDPic4Ezsk8orA?pwdwwp5 提取码: wwp5 JavaWeb-微头条项目开发 1 项目简介 1.1 业务介绍 微头条新闻发布和浏览平台,主要包含业务如下 用户功能 注册功能登录功能 头条新闻 新闻的分页浏览通过标题关键字搜…...

编程日记 2024/11/21 1:15:21

Linux（CentOS）安装达梦数据库 dm8

CentOS版本&#xff1a;CentOS 7&#xff0c;查看操作系统版本信息&#xff0c;请查阅 查看Linux内核版本信息 达梦数据库版本&#xff1a;dm8 一、获取 dm8 安装文件 1、下载安装文件 打开达梦官网&#xff1a;https://www.dameng.com/ 下载的文件 解压后的文件 2、上传安…...

编程日记 2024/11/21 1:12:16

【专题】中国企业出海洞察报告暨解码全球制胜之道报告汇总PDF洞察（附原数据表）

原文链接&#xff1a;https://tecdat.cn/?p38314 在当今全球化的浪潮中&#xff0c;中国企业的出海行动正以前所未有的规模和速度展开&#xff0c;成为全球经济舞台上的重要力量。本报告旨在对 2024 年中国企业出海情况进行深度洞察&#xff0c;涵盖多个领域和视角。 从对外投…...

编程日记 2024/11/21 1:11:15

[ 跨域问题 ] 前后端以及服务端 解决跨域的各种方法

这篇文章主要介绍了跨域问题&#xff0c;包括其定义、产生原因及各种解决方法。原因是浏览器安全策略限制&#xff0c;方法有 JSONP、CORS、Domain、 postMessage、Nginx配置、.NetCore配置。 前言 什么是跨域问题? 在Web应用中&#xff0c;当一个网页的脚本试图去请求另一个域…...

编程日记 2024/11/21 1:04:03

网络安全之信息收集-实战-2

请注意&#xff0c;本文仅供合法和授权的渗透测试使用&#xff0c;任何未经授权的活动都是违法的。 目录 7、网络空间引擎搜索 8、github源码泄露 9、端口信息 10、框架指纹识别 11、WAF识别 12、后台查找 7、网络空间引擎搜索 FOFA&#xff1a;https://fofa.info/ 360 …...

编程日记 2024/11/21 1:00:57

利用飞书多维表格自动发布版本

文章目录 背景尝试1&#xff0c;轮询尝试2&#xff0c;长连接 背景 博主所在的部门比较奇特&#xff0c;每个车型每周都需要发版&#xff0c;所以实际上一周会发布好几个版本。经过之前使用流水线自动发版改造之后&#xff0c;发版的成本已经大大降低了&#xff0c;具体参考&a…...

编程日记 2024/11/21 0:58:55

深入内核讲明白Android Binder【一】

深入内核讲明白Android Binder【一】 前言一、Android Binder应用编写概述二、基于C语言编写Android Binder跨进程通信Demo0. Demo简介1. 服务的管理者server_manager.c2. Binder服务端代码实现 test_service.c2.1 实现思路2.2 完整实现代码 3. Binder客户端代码实现 test_clie…...

编程日记 2024/11/21 0:55:52

Photoshop（PS）——人像磨皮

1.新建一个文件&#xff0c;背景为白色&#xff0c;将图片素材放入文件中 2.利用CtrlJ 复制两个图层出来&#xff0c;选择第一个拷贝图层&#xff0c;选择滤镜---杂色---蒙尘与划痕 3.调整一下数值&#xff0c;大概能够模糊痘印痘坑&#xff0c;点击确定。 4.然后选择拷贝2图层…...

编程日记 2024/11/21 0:49:43

如何用Excel批量提取文件夹内所有文件名？两种简单方法推荐

在日常办公中&#xff0c;我们有时需要将文件夹中的所有文件名整理在Excel表格中&#xff0c;方便管理和查阅。手动复制文件名既费时又易出错&#xff0c;因此本文将介绍两种利用Excel自动提取文件夹中所有文件名的方法&#xff0c;帮助你快速整理文件信息。 方法一&#xff1…...

编程日记 2024/11/21 0:46:39

YOLOv8改进，YOLOv8通过RFAConv卷积创新空间注意力和标准卷积，包括RFCAConv, RFCBAMConv，二次创新C2f结构，助力涨点

摘要 空间注意力已广泛应用于提升卷积神经网络（CNN）的性能，但它存在一定的局限性。作者提出了一个新的视角，认为空间注意力机制本质上解决了卷积核参数共享的问题。然而，空间注意力生成的注意力图信息对于大尺寸卷积核来说是不足够的。因此，提出了一种新型的注意力机制—…...

编程日记 2024/11/21 0:44:37

【实验11】卷积神经网络（2）-基于LeNet实现手写体数字识别

&#x1f449;&#x1f3fc;目录&#x1f448;&#x1f3fc; &#x1f352;1. 数据 1.1 准备数据 1.2 数据预处理 &#x1f352;2. 模型构建 2.1 模型测试 2.2 测试网络运算速度 2.3 输出模型参数量 2.4 输出模型计算量 &#x1f352;3. 模型训练 &#x1f352;4.模…...

编程日记 2024/11/21 0:43:25

chatgpt训练需要什么样的gpu硬件

训练像ChatGPT这样的大型语言模型对GPU硬件提出了极高的要求&#xff0c;因为这类模型的训练过程涉及大量的计算和数据处理。以下是训练ChatGPT所需的GPU硬件的关键要素&#xff1a; ### 1. **高性能计算能力** - **Tensor Cores**: 现代深度学习训练依赖于Tensor Cores&#…...

编程日记 2024/11/21 0:42:23

Kubernetes常用命令

Kubernetes常用命令 一、集群管理 kubectl cluster-info&#xff1a;显示集群信息&#xff0c;包括控制平面地址和服务的 URL。 kubectl get nodes&#xff1a;查看集群中的节点列表&#xff0c;包括节点状态、IP 地址等信息。 kubectl describe node <node-name>&…...

编程日记 2024/11/21 0:41:21

Flutter：key的作用原理（LocalKey ，GlobalKey）

第一段代码实现的内容&#xff1a;创建了3个块&#xff0c;随机3个颜色&#xff0c;每次点击按钮时&#xff0c;把第一个块删除 import dart:math; import package:flutter/material.dart; import package:flutter_one/demo.dart;void main() {runApp(const App()); }class App…...

编程日记 2024/11/21 0:37:18

R语言基础入门详解

文章目录 R语言基础入门详解一、引言二、R语言环境搭建1、安装R和RStudio1.1、步骤1.2、获取工作目录 三、R语言基础2、语法基础2.1、赋值操作2.2、注释 3、数据类型与结构3.1、向量3.2、矩阵 4、基本操作4.1、数据读取4.2、数据可视化 四、R语言使用示例4.1、统计分析示例4.2、…...

编程日记 2024/11/21 0:36:16

django启动项目报错解决办法

在启动此项目报错&#xff1a; 类似于&#xff1a; django.core.exceptions.ImproperlyConfigured: Requested setting EMOJI_IMG_TAG, but settings are not c启动方式选择django方式启动&#xff0c;以普通python方式启动会报错 2. 这句话提供了对遇到的错误的一个重要线索…...

编程日记 2024/11/21 0:35:14

详细描述一下Elasticsearch搜索的过程？

大家好&#xff0c;我是锋哥。今天分享关于【详细描述一下Elasticsearch搜索的过程&#xff1f;】面试题。希望对大家有帮助&#xff1b; 详细描述一下Elasticsearch搜索的过程&#xff1f; Elasticsearch 的搜索过程是其核心功能之一&#xff0c;允许用户对存储在 Elasticsea…...

编程日记 2024/11/21 0:31:05

Spring、SpringMVC、SpringBoot、Mybatis小结

Spring Spring是一个轻量级的控制反转&#xff08;IoC&#xff09;和面向切面&#xff08;AOP&#xff09;的容器&#xff08;框架&#xff09; Spring框架的核心特性包括依赖注入&#xff08;Dependency Injection &#xff0c;DI&#xff09;、面向切面编程&#xff08;Aspe…...

编程日记 2024/11/21 0:30:04

.NET 9 运行时中的新增功能

本文介绍了适用于 .NET 9 的 .NET 运行时中的新功能和性能改进。 文章目录 一、支持修剪的功能开关的属性模型二、UnsafeAccessorAttribute 支持泛型参数三、垃圾回收四、控制流实施技术.NET 安装搜索行为性能改进循环优化感应变量加宽Arm64 上的索引后寻址强度降低循环计数器可…...

编程日记 2024/11/21 0:29:04

Linux下安装mysql8.0版本

先确定我的下载安装的目录,安装文件是下载在 /opt/install 目录下面 (安装地址不同的话注意修改地址) 1.在线下载 wget https://dev.mysql.com/get/Downloads/MySQL-8.0/mysql-8.0.20-linux-glibc2.12-x86_64.tar.xz2.解压 tar -xvf mysql-8.0.20-linux-glibc2.12-x86_64.t…...

编程日记 2024/11/21 0:27:01

kvm-dmesg:从宿主机窥探虚拟机内核dmesg日志

在虚拟化环境中&#xff0c;实时获取虚拟机内核日志对于系统管理员和开发者来说至关重要。传统的 dmesg 工具可以方便地查看本地系统的内核日志&#xff0c;但在KVM&#xff08;基于内核的虚拟机&#xff09;环境下&#xff0c;获取虚拟机内部的内核日志则复杂得多。为了简化这…...

编程日记 2024/11/21 0:26:00

植物明星大乱斗15

能帮到你的话&#xff0c;就给个赞吧 &#x1f618; 文章目录 player.hplayer.cppparticle.hparticle.cpp player.h #pragma once #include <graphics.h> #include "vector2.h" #include "animation.h" #include "playerID.h" #include &…...

编程日记 2024/11/21 0:24:58

wordpress 安装百度统计/seo

2010-11-04 12:18:11| 分类&#xff1a; iOS 应用开发|字号 订阅 neogui2008-09-01 15:57Q: 如何在XCode中使用gcc编译生成的.a库文件&#xff1f;1. 把你的.a文件添加到^projectName下的任意一個組里&#xff08;例如默認的Classes組&#xff09;。2. 找到Target > ^targe…...

编程日记 2024/11/26 20:06:35

wordpress 图片并列/搜索推广代运营

在所有数字的统计范围&#xff0c;&#xff0c;对于重复统计只有一次 离线段树算法 排序终点坐标。然后再扫&#xff0c;反复交锋。把之前插入树行被删除 #include "stdio.h" #include "string.h" #include "algorithm" using namespace std;st…...

编程日记 2024/11/26 19:46:21

在线兼容测试网站/网页广告

点击上方“计算机视觉life”&#xff0c;选择“星标”快速获得最新干货作者李迎松授权发布&#xff0c;武汉大学 摄影测量与遥感专业 博士https://ethanli.blog.csdn.net/article/details/105065660详解立体匹配系列经典SGM: (1) 框架与类设计详解立体匹配系列经典SGM: (2) 代价…...

编程日记 2024/11/26 13:32:29

影楼网站设计/新疆今日头条新闻

该楼层疑似违规已被系统折叠 隐藏此楼查看此楼这几天老大让我弄一个发送短信验证码的功能&#xff0c;使用的是大汉云通讯的短信平台接口&#xff0c;调用短信平台提供的接口(遵循短信平台的接口规范即可)。具体看代码&#xff1a;import java.util.HashMap;import java.util.M…...

编程日记 2024/11/26 11:22:50

山西建设执业注册中心网站/百度域名注册官网

Redis 压缩列表(ziplist)1. 介绍压缩列表(ziplist)是哈希键的底层实现之一。它是经过特殊编码的双向链表&#xff0c;和整数集合(intset)一样&#xff0c;是为了提高内存的存储效率而设计的。当保存的对象是小整数值&#xff0c;或者是长度较短的字符串&#xff0c;那么redis就…...

编程日记 2024/11/26 9:20:54

小网站下载渠道有哪些/网站推广的方式有哪些?

不经意间看到了以前写的这个小东西&#xff0c;就贴上来了&#xff0c;支持点击切换和自动轮播&#xff0c;供前端新手看看吧&#xff01;代码如下&#xff1a;项目一项目二项目三项目四项目五html此处只需将图片路径改成你本地的即可。.scroll_div{width:1000px; height:370px…...

编程日记 2024/11/26 4:39:10