第五周 JavaScript语法

一、基础概念

什么是JavaScript?

JavaScript(简称“JS”) 是一种具有函数优先的轻量级,解释型或即时编译型的编程语言。作为开发Web页面的脚本语言。

JS的组成

  • 1.ECMAScript部分,指核心,是一种在国际认可的标准的脚本语言规范;
  • 2.DOM部分,是指文档对象模型;
  • 3.BOM部分,是指浏览器对象模型。

为什么要使用JavaScript?(JS的特点)

  • 1.开发工具简单,记事本即可
  • 2.无需编译,直接由JS引擎负责执行
  • 3.面向对象
  • 4.允许使用文档对对象模型(DOM)创建动态网页。

二、如何引用JS?

1.在一对head之前内进行编写JS

在这里插入图片描述
如图,js代码要放在一对script标签之间,要求type的属性值也要对应为text/javascript。

2.HTML中的body标签中引用JS

在这里插入图片描述

3.元素事件中引用JS标签

在这里插入图片描述
如图,即在元素中直接编写JS文件

4.引用外部JS文件

在这里插入图片描述

三、JS的语法

在这里插入图片描述
[外链图片转存失败,源站可能有防盗在这里插入!链机制,建描述]议将图片上https://传(imblogfdnimg.cn/shXe53346a8fa9b04aabbdf8b31d53d5.png#pic_center717)(https://imgblog.csdnimg.cn/53346a8fa9b04aa38b11bdf8b31d53d5.png#pic_center)]
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

四、JS的变量

1.什么是变量?

 JavaScript 变量是存储数据值的容器。

在这里插入图片描述

2.如何声明(创建)变量?

在这里插入图片描述
例如:
在这里插入图片描述

  • 使用(声明、创建)变量的其他用法
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    (这几条和我们学的其他计算机语言类似)

五、JS 的数据类型

在这里插入图片描述
JS数据的布尔类型
在这里插入图片描述
JS的数组:
在这里插入图片描述

JS数据类型的特殊点:
在这里插入图片描述

六、JS的运算符

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

小结:

本次主要了解了JS的基本语法和在具体环境中的运用,一些基本的语法与我们所学的其他计算机语法大抵相同,但也有不同点

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JavaScript基础语法包括数据类型、运算符、选择结构和循环结构。在JavaScript中,所有的类型都是用var关键字来修饰,但实际中还是有类型区分的。常见的数据类型包括字符串、数字、布尔值、对象和数组等。 运算符用于进行数学运算和逻辑判断。常见的运算符包括加法运算符(+)、减法运算符(-)、乘法运算符(*)、除法运算符(/)、取余运算符(%)等。逻辑运算符包括与运算符(&&)、或运算符(||)、非运算符(!)等。 选择结构用于根据条件执行不同的代码块。常见的选择结构有if语句、switch语句。if语句根据条件是否为真来执行相应的代码块,switch语句根据表达式的值来选择执行的代码块。 循环结构用于重复执行一段代码。常见的循环结构有for循环、while循环和do-while循环。for循环在指定条件为真的情况下重复执行代码块,while循环在条件为真的情况下重复执行代码块,do-while循环先执行一次代码块,然后在条件为真的情况下重复执行代码块。 举个例子,下面是一段JavaScript代码: ```javascript <script> var a = 10; var b = 5; console.log(a > b && b > a); console.log(a > b || b > a); </script> ``` 在这段代码中,我们定义了两个变量a和b,并使用console.log()方法分别输出了两个逻辑表达式的结果。第一行代码中,a > b && b > a的结果为false,因为a不大于b且b不大于a。第二行代码中,a > b || b > a的结果为true,因为a不大于b或b不大于a至少有一个条件成立。 这就是JavaScript基础语法的一部分,包括数据类型、运算符、选择结构和循环结构。通过掌握这些基础知识,我们可以开始编写JavaScript程序。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* *3* [【JavaScript】基本语法大全](https://blog.csdn.net/weixin_64916311/article/details/129136028)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 100%"] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值