【JavaScript】1_JS入门必要的常识

简介: ## 1、三种输出显示位置1. 在弹窗上2. 在控制台3. 在页面中显示 ```html <script> alert('哈哈哈哈') console.log('猜猜看') document.write('你猜我在哪') </script> ``` ## 2、编写位置1. 可以将js编写到网页内部的script标签 ```html <script> alert("哈哈!") </script> ```2.

1、三种输出显示位置

  1. 在弹窗上
  2. 在控制台
  3. 在页面中显示

   <script>

       alert('哈哈哈哈')

       console.log('猜猜看')

       document.write('你猜我在哪')

   </script>

2、编写位置

  1. 可以将js编写到网页内部的script标签

<script>

       alert("哈哈!")

</script>

  1. 可以将js编写外部的js文件中,然后通过script标签进行引入

<scriptsrc="./script/script.js"></script>

  1. 可以将js代码编写到指定属性中

<body>

   <buttononclick="alert('你点我干嘛!')">点我一下</button>

 

   <hr>

   <ahref="javascript:alert(123);">超链接</a>

   

   <hr>

   <ahref="javascript:;">超链接</a>

</body>

3、基本语法

  1. 多行注释

- 注释中的内容会被解释器忽略

- 可以通过注释来对代码进行解释说明

- 也可以通过注释来注释掉不想执行的代码

<script>        

/*

           1. 多行注释

               - 注释中的内容会被解释器忽略

               - 可以通过注释来对代码进行解释说明

               - 也可以通过注释来注释掉不想执行的代码

 */

</script>

 

  1. 单行注释

<script>

    alert(123) // alert()用来弹出一个警告框

</script>

  1. JS严格区分大小写

<script>

    alert(123)

</script>

  1. 在JS中多个空格和换行会被忽略       ------>可以利用这个特点来对代码进行格式化
  2. JS中每条语句都应该以分号结尾

       JS中具有自动添加分号的机制,所以如果不写分号解释器会自动添加

4、字面量和变量

字面量

  • 字面量其实就是一个值,它所代表的含义就是它字面的意思    100 "hello" true null .....
  • 在js中所有的字面量都可以直接使用,但是直接使用字面量并不方便

变量

  • 变量可以用“存储”字面量量可以随意的修改
  • 通过变量可以对字面量进行描述,并且变量比较方便修改

       多行注释:shift + alt + a

       变量的使用

         声明变量 --> let 变量名 / var 变量

         变量赋值 --> a = xx

         声明和赋值同时进行 --> let 变量 = 值

<script>

           letx

           x=80

           x="哈哈"

 

           letage

           age=80

           age=81

           // console.log(age)

           leta

           letb, c, d

 

           vare

           varf, g, h

 

           a=10

           a="hello"

           a=true

 

           leti=100

           console.log(i)

</script>

5、变量的内存

变量中并不存储任何值,而是存储值的内存地址!

   <script>

       leta='哈哈'

       letb='哈哈'

   </script>

6、常量

       在JS中,使用const声明常量,常量只能赋值一次,重复赋值会报错

       在JS中除了常规的常量外,有一些对象类型的数据我们也会声明为常量

<script>

   constPI=3.1415926

   // PI = 10

   console.log(PI)

</script>

7、标识符

在JS中,所有可以由我们自主命名的内容,都可以认为是一个标识符像 变量名 函数名 类名...使用标识符需要遵循如下的命名规范:

               1. 标识符只能含有字母、数字、下划线、$,且不能以数字开头

                                   2. 标识符不能是JS中的关键字和保留字,也不建议使用内置的函数或类名作为变量名

                                   3. 命名规范:

                   - 通常会使用驼峰命名法

                       - 首字母小写,每个单词开头大写

                       - maxlength --> maxLength

                       - borderleftwidth --> borderLeftWidth

 

                   - 类名会使用大驼峰命名法

                       - 首字母大写,每个单词开头大写

                       - maxlength --> MaxLength

 

                   - 常量的字母会全部大写

                       - MAX_LENGTH

<script>

   leta=10

   letabc123_$=22

   let_abc=33

   let$bcd=44

</script>


相关文章
|
3月前
|
前端开发 机器人 API
前端大模型入门(一):用 js+langchain 构建基于 LLM 的应用
本文介绍了大语言模型(LLM)的HTTP API流式调用机制及其在前端的实现方法。通过流式调用,服务器可以逐步发送生成的文本内容,前端则实时处理并展示这些数据块,从而提升用户体验和实时性。文章详细讲解了如何使用`fetch`发起流式请求、处理响应流数据、逐步更新界面、处理中断和错误,以及优化用户交互。流式调用特别适用于聊天机器人、搜索建议等应用场景,能够显著减少用户的等待时间,增强交互性。
804 2
|
26天前
|
JavaScript 前端开发
【JavaScript】——JS基础入门常见操作(大量举例)
JS引入方式,JS基础语法,JS增删查改,JS函数,JS对象
|
2月前
|
JavaScript 前端开发 Java
springboot解决js前端跨域问题,javascript跨域问题解决
本文介绍了如何在Spring Boot项目中编写Filter过滤器以处理跨域问题,并通过一个示例展示了使用JavaScript进行跨域请求的方法。首先,在Spring Boot应用中添加一个实现了`Filter`接口的类,设置响应头允许所有来源的跨域请求。接着,通过一个简单的HTML页面和jQuery发送AJAX请求到指定URL,验证跨域请求是否成功。文中还提供了请求成功的响应数据样例及请求效果截图。
springboot解决js前端跨域问题,javascript跨域问题解决
|
2月前
|
JavaScript 前端开发
Moment.js与其他处理时间戳格式差异的JavaScript库相比有什么优势?
Moment.js与其他处理时间戳格式差异的JavaScript库相比有什么优势?
|
2月前
|
机器学习/深度学习 自然语言处理 前端开发
前端神经网络入门:Brain.js - 详细介绍和对比不同的实现 - CNN、RNN、DNN、FFNN -无需准备环境打开浏览器即可测试运行-支持WebGPU加速
本文介绍了如何使用 JavaScript 神经网络库 **Brain.js** 实现不同类型的神经网络,包括前馈神经网络(FFNN)、深度神经网络(DNN)和循环神经网络(RNN)。通过简单的示例和代码,帮助前端开发者快速入门并理解神经网络的基本概念。文章还对比了各类神经网络的特点和适用场景,并简要介绍了卷积神经网络(CNN)的替代方案。
341 1
|
2月前
|
监控 前端开发 JavaScript
React 静态网站生成工具 Next.js 入门指南
【10月更文挑战第20天】Next.js 是一个基于 React 的服务器端渲染框架,由 Vercel 开发。本文从基础概念出发,逐步探讨 Next.js 的常见问题、易错点及解决方法,并通过具体代码示例进行说明,帮助开发者快速构建高性能的 Web 应用。
130 10
|
2月前
|
数据采集 存储 JavaScript
如何使用Puppeteer和Node.js爬取大学招生数据:入门指南
本文介绍了如何使用Puppeteer和Node.js爬取大学招生数据,并通过代理IP提升爬取的稳定性和效率。Puppeteer作为一个强大的Node.js库,能够模拟真实浏览器访问,支持JavaScript渲染,适合复杂的爬取任务。文章详细讲解了安装Puppeteer、配置代理IP、实现爬虫代码的步骤,并提供了代码示例。此外,还给出了注意事项和优化建议,帮助读者高效地抓取和分析招生数据。
105 0
如何使用Puppeteer和Node.js爬取大学招生数据:入门指南
|
2月前
|
JSON JavaScript 前端开发
使用JavaScript和Node.js构建简单的RESTful API
使用JavaScript和Node.js构建简单的RESTful API
|
3月前
|
Web App开发 JavaScript 前端开发
Node.js:JavaScript世界的全能工具
Node.js:JavaScript世界的全能工具
|
3月前
|
JSON JavaScript 前端开发
使用JavaScript和Node.js构建简单的RESTful API服务器
【10月更文挑战第12天】使用JavaScript和Node.js构建简单的RESTful API服务器
35 0