15-JavaScript-内部JS、外部JS、数据类型、关键词

news2025/2/27 1:53:46

1、内部JS：是在HTML文件中直接嵌入JavaScript代码的一种方式。使用<script>标签来定义JavaScript代码块。通常情况下，我们会将JavaScript代码放在文档的<head>或<body>标签内。

<!DOCTYPE html>
<html>
<head>
	<title>内部JS示例</title>
</head>
<body>
	<h1>Hello World!</h1>

	<script>
		function showAlert() {
			alert("Hello, This is an internal JS example!");
		}

        // 在页面加载完成后自动弹出提示框
		window.onload = function() {
			showAlert();
		};
	</script>
</body>
</html>

点击确定显示hello world

2、外部JS：外部JS是将JavaScript代码写在一个单独的.js文件中，然后在HTML文件中通过<script>标签src属性引用该文件来执行。

--有一个名为script.js的JavaScript文件，其中包含以下代码：

function showMsg() {
    alert("这是一个外部JS示例");
}

--然后，在HTML文件的<head>标签中使用<script>标签来导入此.js文件，如下所示：

<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>外部JS示例</title>
	<script type="text/javascript" src="script.js"></script>
</head>
<body>
	<h1>Hello World!</h1>

	<button onclick="showMsg()">弹出提示框</button>
</body>
</html>

在外部文件中放置脚本有如下优势：

分离了 HTML 和代码
使 HTML 和 JavaScript 更易于阅读和维护
已缓存的 JavaScript 文件可加速页面加载

3、数据类型

Number（数字类型）：整数或浮点数。
String（字符串类型）：字符序列。
Boolean（布尔类型）：true或false。
Null（空类型）：代表一个空值或不存在的对象。
Undefined（未定义类型）：声明但没有赋值的变量会被默认设置为undefined。
Symbol（符号类型）：一种唯一的、不可修改的数据类型，通常用于对象属性作为标识符。
BigInt（大数字类型）：一种用于处理超过Number范围的整数类型，以n结尾。
Object（对象类型）：可以包含数据和方法的复杂数据类型，例如数组、函数、日期等等。

4、关键词

关键词	描述
break	终止 switch 或循环。
continue	跳出循环并在顶端开始。
debugger	停止执行 JavaScript，并调用调试函数（如果可用）。
do ... while	执行语句块，并在条件为真时重复代码块。
for	标记需被执行的语句块，只要条件为真。
function	声明函数。
if ... else	标记需被执行的语句块，根据某个条件。
return	退出函数。
switch	标记需被执行的语句块，根据不同的情况。
try ... catch	对语句块实现错误处理。
var	声明变量。