javascript - 如何从外部 JavaScript 文件访问 HTML 文档中的变量

标签 javascript html dom

如果我在 <script> 中有一个变量HTML 文档的标签;让我们称之为example .

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

<!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>

最佳答案

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

一个在全局范围内创建的变量将在所有其他范围内可用。

唯一的附加条件是您不能在创建变量之前访问它。

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

通过src加载脚本的脚本之间没有区别以及那些内联提供的脚本。

关于javascript - 如何从外部 JavaScript 文件访问 HTML 文档中的变量,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49698332/

相关文章:

javascript - JqueryMobile中的水平滚动和垂直滚动

javascript - 如何在anime.js中调用javascript库?

javascript - 单击时显示信息框

javascript - 单击时减去选项本身的值

javascript - 为什么 Angular2 选择器中不能使用句点?

javascript - 在 .each() 中添加变量的总和

javascript - 为 cytoscape.js mapData 设置变量限制

Javascript 代码不会将选项放入选择框中

javascript - 背景图片有问题?

javascript - 使用 JavaScript 操作对 DOM 元素的引用