使用脚本标签在 js 文件中传递值 - Javascript (1)

📌 相关文章

📜 使用脚本标签在 js 文件中传递值 - Javascript (1)

📅 最后修改于: 2023-12-03 15:06:58.460000 🧑 作者: Mango

使用脚本标签在 js 文件中传递值 - Javascript

在 Javascript 中，我们经常需要在不同的脚本文件中传递值。使用脚本标签是一种方便快捷的方式，它可以在 HTML 文件中引用脚本文件，并传递值到该脚本文件中。

如何使用脚本标签传递值

使用脚本标签传递值需要以下两个步骤：

在 HTML 文件中引用脚本文件并传递值
在脚本文件中接受传递的值并进行处理

在 HTML 文件中引用脚本文件并传递值

在 HTML 文件中引用脚本文件通常使用以下格式的脚本标签：

<script src="path/to/script.js"></script>

其中，path/to/script.js 是脚本文件的路径。

要向脚本文件中传递值，需要使用 data-* 属性在脚本标签中传递值。例如，以下脚本标签将传递值 "hello" 给脚本文件：

<script src="path/to/script.js" data-message="hello"></script>

在脚本文件中接受传递的值并进行处理

在脚本文件中接受传递的值，需要使用以下代码：

var message = document.currentScript.getAttribute('data-message');

其中，document.currentScript 是当前正在执行的脚本标签。getAttribute('data-message') 将获取传递的值。

接下来，可以按照需要对接受到的值进行处理，例如，可以在控制台输出接受到的值：

console.log(message);

示例代码

以下是完整的示例代码：

<!-- index.html -->

<!DOCTYPE html>
<html>
<head>
	<title>使用脚本标签在 js 文件中传递值 - Javascript</title>
</head>
<body>
	<script src="script.js" data-message="hello"></script>
</body>
</html>

// script.js

var message = document.currentScript.getAttribute('data-message');
console.log(message);

总结

使用脚本标签在 Javascript 中传递值是一种方便快捷的方式。只需要在 HTML 文件中引用脚本文件并传递值，然后在脚本文件中接受并处理传递的值即可。