js简单基础笔记

一  .

js特点

1.   Js是一门解释型语言,不用编译,而是直接执行

2.   js是一门动态语言,其中的任何内容都是不确定的

3.   语法结构和Java,c都很像

4.   ​    js是一门面向对象的语言

5.js严格区分大小写

二  .

js使用

1.    标签使用   在html中的script标签中就可以编写js代码(alert的作用是在浏览器中弹出一个警告框。)

  代码及显示图如下

<script>
    alert("你好")
</script>


1cf62f9d800447adb1622cb54165d01c.png

 

2.    文件使用    在一个单独的js文件中也可以编写JavaScript代码,然后在HTML文件中使用script标签进行引用(src 是指向物件的来源)

引用代码示例

<script  src="main.js"></script>

三  

.js输出

1. ​       页面输出

document.write("   ");        即表示在文档输出

代码及演示图如下

<script>
    document.write("页面文档")
</script>

bd6c92c410a8427f89e754973c9b927c.png
 

 

2. ​        控制台输出(控制台不会自动弹出,要按F12,如果不行找到浏览器的设置里的开发者工具或者控制台,重新勾选F12有关的选项,如果还不行,就Ctrl+Shift+I,   演示图就是第3个方法得出的,因为我尝试前两个方法都不行)

以console.开头

代码及演示图如下

<script>
    console.log("输出一条日志");//最常用
    console.info("输出一条信息");
    console.warn("输出一条警告");
    console.error("输出一条错误");
</script>


f0917c7cc84b40d0a300d9bf4a760bcb.png

 

3. ​        弹出窗口输出就是二.1演示的,就不重复了

   

   

   四.  

   

    js注释

   

   js中的注释分为两种

   1.单行注释   //单行注释

   2.多行注释    /*多行注释*/

​                                                                                  

​                                                                                              (2)  语法

一.   

​    标识符

就是给变量,函数,属性或函数的参数起名字

标识符是由字母,下划线(_),美元符号($)及数字组成的,   但第一个字符不能是数字,而且标识符不能是关键字或保留字符,例如:and、class、if、else

ECMAScript 规范中标识符采用驼峰大小写格式

Pascal Case 大驼峰式命名法:首字母大写。eg:StudentInfo、UserInfo、ProductInfo
Camel Case 小驼峰式命名法:首字母小写。eg:studentInfo、userInfo、productInfo

二.

字面量和变量

字面量是一些固定的值,不可以改变,例如:true,false,null    .

变量是给某一个值或对象标注名称,程序中遇到反复使用的值就可以把这个值赋值给一个变量,赋值操作过程

1.声明变量(var 语句用于声明变量)  例:var=a   2.给变量赋值   例:a=111  或者 声明和赋值同时进行 例:var a=111

 

 

 

三.

 

1. ​ 数据类型

 

数据类型决定了数据的特征,123为数字,"123"为字符串

 

五种基本数据类型 (五种之外的其他都称为Object)

 

字符串型(String) 数值型(Number) 布尔型(Boolean) undefined型(Undefined) null型(Null)

 

2. ​ typeof运算符

 

   typeof操作符可以检查一个变量的数据类型

 

3. ​ String

 

   string用于表示一个字符序列,即字符串。字符串要用单引号或双引号括起来

 

4. ​ Number

 

   用来表示整数和浮点数,但数字大小有限制

 

5. ​ Boolean(布尔型)

 

   只能取真和假两种数值(true false)

 

6. ​ Undefined

 

   此类型只有一个值,在使用 var 声明变量但未对其加以初始化时,这个变量的值就是 undefined

 

7. ​ Null

 

   是第二个只有一个值的类型

 

 

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

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

相关文章

linux笔记(yum本地源仓库搭建)

一、准备工作 安装必要的软件包 在大多数 Linux 发行版中&#xff0c;Yum 已经默认安装。如果系统中没有安装&#xff0c;可以根据发行版的包管理器进行安装。 准备本地源文件 可以是光盘镜像&#xff08;如果是从光盘安装系统&#xff09;&#xff0c;或者是已经下载好的系…

TiDB 新版本:更稳、更快、更好的数据库体验

作者&#xff1a; TiDB社区小助手 原文来源&#xff1a; https://tidb.net/blog/2d33d7db 本文内容出自&#xff1a;PingCAP 高级顾问 蓝功儒老师 在 9 月 21 日 TiDB 新版本 Meetup 中&#xff0c;PingCAP 高级顾问蓝功儒老师为我们带来了关于 TiDB 新版本的深入分享。TiD…

基于LORA的一主多从监测系统_数据发送

数据上传我这里使用了问询的方式&#xff0c;这样的好处一是可以用来统计节点的存活状态&#xff0c;二是可以避免冲突&#xff0c;主节点通过向从节点发送问询帧&#xff0c;从节点收到问询帧后开始向主节点发送数据&#xff0c;同时我们也可以加入不同的帧类型&#xff0c;比…

golang的net包

https://learnku.com/docs/the-way-to-go/151-tcp-server/3703 https://www.bilibili.com/video/BV1JP4y1s7rS net包介绍 net包的底层实现依赖于操作系统的网络API。net包提供了跨平台的网络编程接口&#xff0c;使得开发者可以在不同的操作系统上进行网络编程而无需担心底层实…

在数据库中,`SELECT`, `FROM`, `JOIN`, `ON`, 和 `WHERE`各自的作用

在数据库中&#xff0c;SELECT, FROM, JOIN, ON, 和 WHERE 关键字是 SQL 查询语句中用于检索数据的重要部分。它们各自在查询中扮演着不同的角色&#xff0c;但通常一起使用来构造复杂的数据检索操作。下面是它们各自的作用&#xff1a; 1. **SELECT**: - SELECT 关键字用于指…

通用序列化和反序列化实现思路

本文简单的记录一下采用模板来实现序列化与反序列的思路&#xff0c; 同时采用C20标准的concept和requires来简化模板函数的选择。 首先了解一下自定义类支持序列化的两种方式&#xff1a; 一、序列化自定义类型&#xff08;侵入式&#xff09; struct Test {std::string na…

4.three.js网格模型介绍和绘制基础点、线、面

4.three.js网格模型介绍和绘制基础点、线、面 1、计算机中3D世界的组成 在计算机世界里&#xff0c;3D世界是由点组成&#xff0c;两个点能够组成一条直线&#xff0c;三个不在一条直线上的点就能够组成一个三角形面&#xff0c;无数三角形面就能够组成各种形状的物体&#x…

Linux基础项目开发day05:量产工具——页面系统

文章目录 一、数据结构抽象page_manager.h 二、页面管理器page_manager.c 三、单元测试1、main.page.c2、page_test.c3、Makefile修改3.1、unittest中的Makefile3.2、page中的Makefile 四、上机实验 前言 前面实现了显示、输入、文字、UI系统&#xff0c;现在我们就来实现页面的…

Axure树形菜单展开与折叠

亲爱的小伙伴&#xff0c;在您浏览之前&#xff0c;烦请关注一下&#xff0c;在此深表感谢&#xff01; 课程主题&#xff1a;Axure树形菜单展开与折叠 主要内容&#xff1a;树形菜单制作——层级关系——隐藏与显示——值的变化——多层交互 应用场景&#xff1a;关系树、菜…

Python学习的自我理解和想法(15)

学的是b站的课程&#xff08;千锋教育&#xff09;&#xff0c;跟老师写程序&#xff0c;不是自创的代码&#xff01; 今天是学Python的第15天&#xff0c;从今天开始&#xff0c;每天一到两个常用模块&#xff0c;更完恢复到原来的&#xff0c;开学了&#xff0c;时间不多&am…

滚雪球学Redis[9.1讲]:Redis的常见问题与最佳实践

全文目录&#xff1a; 前言1. Redis的常见问题排查常见错误信息与解决方案性能瓶颈的识别与处理数据一致性问题的排查 2. Redis的最佳实践Redis使用中的通用原则典型业务场景中的最佳实践如何避免Redis中的反模式 小结下期预告 前言 在上一章【第八章&#xff1a;Redis的扩展与…

Java 直接获取 pom.xml 配置的属性值

Java 直接获取 pom.xml 配置的属性值 1.需求描述2.代码示例3.结果演示 系统&#xff1a;Win10 JDK&#xff1a;1.8.0_351 IDEA&#xff1a;2022.3.3 1.需求描述 在开发一个 SpringBoot 项目的时候&#xff0c;需要从 pom.xml 中获取配置的 artifactId&#xff0c;name&#xf…

vscode配置ssh远程连接服务器

注意&#xff1a;重启软件或重启电脑&#xff0c;解决很多问题 一. vscode配置ssh vscode通过ssh连接服务器&#xff08;吐血总结&#xff09;_vscode ssh-CSDN博客 二. VScode无法远程连接主机问题 VSCode远程连接服务器报错&#xff1a;Could not establish connection to…

paddleOcr记录

情况1&#xff1a;默认不需要标注电能表样本、训练电能表OCR模型&#xff0c;需调用PaddleOCR出识别字符&#xff0c;对识别信息进行提取 01 – >> test01.py 情况2&#xff1a;需要从无到有标注OCR样本&#xff0c;或已有样本及标签文件&#xff0c;需训练电能表OCR模型…

Redis技术指南:数据类型、事务处理与过期键管理

什么是redis&#xff1f; Redis&#xff08;Remote Dictionary Server&#xff0c;远程字典服务&#xff09;是一个开源的、基于键值对的内存数据结构存储系统&#xff0c;可以用作数据库、缓存和消息中间件。Redis支持多种数据结构&#xff0c;如字符串&#xff08;strings&am…

HCIP-HarmonyOS Application Developer 习题(十六)

&#xff08;判断&#xff09;1、HiLink通过分布式软总线的方式连接所有设备&#xff0c;强能力设备可对弱能力设备进行设备虚拟化&#xff0c;将弱设备当做本机设备直接调用。 答案&#xff1a;错误 分析&#xff1a;HiLink 主要针对的是应用开发者与第三方设备开发者&#xf…

K14836 加密通话(call)

题目描述 杰克船长担心船上存在其他海盗船的间谍&#xff0c;于是和他的心腹们设计了一种加密通话方式&#xff0c;其中对数字加密的方式是这样的&#xff1a;如果这个数字是1222334111&#xff0c;可看做1个1,3个2,2个3,1个4,3个1&#xff0c;那么会被加密,1132231431&#x…

力扣 中等 143.重排链表

文章目录 题目介绍题解 题目介绍 题解 class Solution {public void reorderList(ListNode head) {ListNode mid middleNode(head);ListNode head2 reverseList(mid);while (head2.next ! null) {ListNode nxt head.next;ListNode nxt2 head2.next;head.next head2;head2.…

Linux-正则表达式

正则表达式 定义DRE模式-纯文本/特殊字符 定义DRE模式-锚字符/点号字符 定义DRE模式-字符组/排除型字符组 定义DRE模式-区间 定义DRE模式-特殊字符组 定义DRE模式-星号 扩展正则表达式-问号 扩展正则表达式-加号 扩展正则表达式-使用花括号 扩展正则表达式-管道符号/表达式分组…

如何通过CDN优化网站服务器访问速度?

CDN&#xff0c;即内容分发网络&#xff08;Content Delivery Network&#xff09;&#xff0c;在现代互联网中起着重要作用。它可以显著提升网站服务器的访问速度。以下是CDN在加速网站访问方面的主要优势及其工作原理。 1. 全球分布的服务器节点 CDN通过在全球范围内布设多个…