Question

如果我在HTML文档的<script>标记中有变量;我们称之为example。

如何在我的JavaScript文件中访问example？

＆＃13;

<!DOCTYPE html>
<head>
	<link rel="stylesheet" type="text/css" href="css/example.css">
	<link rel="icon" href="https://www.example.com/icon.png">
	<title>Exsample</title>
</head>
<body>
	<script>
		var example = "example"
	</script>
</body>

＆＃13;

Answer 1

加载了<script>个元素（type=module除外）的脚本都共享相同的JS环境。

在全球范围内创建的变量将在所有其他变量中可用。

唯一的另一个附带条件是您在创建变量之前无法访问该变量。

＆＃13;

<script>
    var example = 1;
</script>
<script>
    console.log(example);
</script>

＆＃13;

通过src加载脚本的脚本与内联提供脚本的脚本之间没有区别。

Answer 2

您应该可以通过window.example访问它。如果在函数中声明了example，您将无法访问它。您的外部脚本也必须出现在变量声明之后（或者您可以在脚本上使用defer选项）：

console.log(window.example);

<script>var example = 'example';</script>

如何从外部JavaScript文件

2 个答案: