JS 基础

最新推荐文章于 2022-11-23 17:32:46 发布

白菜执笔人

最新推荐文章于 2022-11-23 17:32:46 发布

阅读量77

点赞数

分类专栏： Web 前端基础

本文链接：https://blog.csdn.net/qq_43621629/article/details/102649339

版权

Web 前端基础专栏收录该内容

15 篇文章 0 订阅

订阅专栏

Web前端基础学习笔记

一、JS 的简介

1.1、什么是 JS

JavaScript 是一种专为与网页交互而设计的客户端脚本语言。最初是为了实现表单验证之前表单验证都是在服务器完成。

1.2、JS 的组成

核心（ECMAScript）
浏览器对象模型（BOM） Broswer object model（整合js和浏览器）
文档对象模型（DOM） Document object model（整合js，css，html）

二、JS 的引入方式

2.1、JS 编写注意

type = "text / javascript，说明当前 script 标签中文本的类型；
所有 JS 代码写在 script 标签；
script 放在 head 标签中；
可以引入多个 script 标签，多个 script 标签顺序执行；
js 代码可以外部引入 src 引入外部文件；
如果当前 script 标签作用是引入外部文件，那么这个 script 标签中就不能再写入代码了.

2.2、直接在 html 中编写

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>JS 基础</title>
	
	<script type="text/javascript">							// 声明当前 script 标签中文本的类型
		alert("Hello world!");								// 弹出警告框 (注意: 要写分号)
		
		// 网页显示内容
		document.write("<h1>Hello</h1>");					// 会解释 html 标签
		document.write("&lt;h1&gt;Hello&lt;/h1&gt;"); 		// 使用 &lt; &gt; 表示<>
	</script>
	
</head>
<body>
</body>
</html>

2.3、外部引入 js

（1）先创建一个 js 文件（dome.js）

alert("Hello this is demo.js!");

（2）引入

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>JS 基础</title>
	
	<script type="text/javascript" src="js/demo.js">
		// 这里的 js/demo.js 是引入的外部js文件的相对路径
		// 引入外部 js 文件，则这里不允许写入其他 js 代码（不会执行）
	</script>
	
</head>
<body>
</body>
</html>

三、注释与基本数据类型

3.1、JS 注释

使用 /* (要注释的内容) */ ，多行注释（快捷键：ctrl+shift+/）
使用 // (要注释的内容) ，单行注释（快捷键：ctrl+/）

3.2、JS 基本数据类型

数字（number）：100、3.14，不区分整型和浮点型；
字符串（string）：‘hello’、“hello”，单引号和双引号都行；
布尔值（boolean）：true、false；
特殊数据类型：null（空），undefined（未声明）

四、变量

声明变量，通过关键字 var（系统定义的有特殊功能的单词），如：var a;
变量初始化，声明变量的同时给变量赋值，如：var a = 10;
同时定义多个变量时，变量之间要使用逗号隔开，如：var a,b;

<head>
	<script>
		var dog = "小黄";
		alert(dog);
		var cat = "小花";
		document.write(cat);
	</script>
</head>

五、标识符

标识符规则（用户自定义的所有名字叫做标识符）

由数字、字母、下划线、$组成。除外的不可

<head>
	<script>
		var .name = "Hello";								// 报错了
		document.write(.name);
	</script>
</head>

在这里插入图片描述

不能以数字开头

<head>
	<script>
		var 1name = "Hello";								// 报错了
	</script>
</head>

区分大小写

<head>
	<script>
		var age = 18;
		var Age = 20;
		alert(age);
		alert(Age);
		alert(typeof(Age));									// 查看变量类型
	</script>
</head>

白菜执笔人

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JS 基础

Web前端基础学习笔记一、JS 的简介1.1、什么是 JS        JavaScript 是一种专为与网页交互而设计的客户端脚本语言。最初是为了实现表单验证之前表单验证都是在服务器完成。1.2、JS 的组成核心（ECMAScript）浏览器对象模型（BOM） Broswer object mode...
复制链接

扫一扫