JavaScript基本语法

gym21

于 2022-04-28 18:28:09 发布

阅读量1.2k

点赞数

分类专栏： javascript 前端文章标签： javascript html 前端

本文链接：https://blog.csdn.net/gym21/article/details/124448743

版权

本文详细介绍了JavaScript的基本概念，包括其功能、特点及在Web开发中的地位。讲解了如何引入JavaScript，以及变量定义、条件控制和浏览器控制台的使用。接着深入探讨了JavaScript的数据类型，如number、字符串、布尔值、数组和对象，强调了比较运算符的使用注意事项。此外，还简要提到了严格检查模式和流程控制语句。

摘要由CSDN通过智能技术生成

一、什么是JavaScript

1.概述

JavaScript（简称“JS”）是当前最流行、应用最广泛客户端脚本语言。

功能：用来在网页中添加一些动态效果与交互功能，在 Web 开发领域有着举足轻重的地位。
特点 :
- 解释型脚本语言
- 面向对象
- 弱类型（对使用的数据类型没有严格的要求）
- 动态性（不需要借助 Web 服务器就可以对用户的输入做出响应）
- 跨平台（不依赖操作系统，在浏览器中就可以运行）
- JavaScript严格区分大小写

JavaScript与HTML和CSS共同构成了我们所看到的网页，其中：

HTML用来定义网页的内容，例如：标题、正文、图像等；

CSS 用来控制网页的外观，例如颜色、字体、背景等；

JavaScript 用来实时更新网页中的内容，例如从服务器获取数据并更新到网页中，修改某些标签的样式或其中的内容等，可以让网页更加生动。

2.引入

内部标签

demo.html:

<head>
	<!--script标签内，写Javascript代码-->
	<script>
		alert('Hello,world!');
	</script>
</head>
<body>
	<!--也可以写在body末尾处-->
</body>

外部引入

先新建一个abc.js文件:

alert('Hello,world!');

demo.html:

<head>
	<script src="abc.js"></script>
</head>

效果：弹出一个Hello,world!窗口
效果图

二、基本语法入门

1. 定义变量

变量类型（var）变量名 = 变量值

<script>
	var num = 1;
	var abc = "world";
	alert(num);
</script>

效果：
在这里插入图片描述

2. 条件控制

<script>
	var scores = 75;
	if (scores > 80 && scores < 100) {
     
    	alert("A");
	}
	else if (scores > 60 && scores < 80) {
     
    	alert("B");
	}
	else {
     
    	alert("C");
	}
</script>

效果：
在这里插入图片描述

3. 浏览器控制台使用

*由于JavaScript严格区分大小写，系统会报错
调试方法：
点击右键—点击审查元素—找到控制台
示例：（以条件控制为例）
元素：
在这里插入图片描述
控制台：

console.log(scores) ----- 在浏览器的控制台打印变量
源代码：

网络：

三、数据类型

最低0.47元/天解锁文章

gym21

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript基本语法

一、什么是JavaScript1.概述JavaScript（简称“JS”）是当前最流行、应用最广泛客户端脚本语言。功能：用来在网页中添加一些动态效果与交互功能，在 Web 开发领域有着举足轻重的地位。特点 :解释型脚本语言面向对象弱类型（对使用的数据类型没有严格的要求）动态性（不需要借助 Web 服务器就可以对用户的输入做出响应）跨平台（不依赖操作系统，在浏览器中就可以运行）JavaScript严格区分大小写JavaScript与HTML和CSS共同构成了我们所看到的网页，
复制链接

扫一扫