如何访问HTML文档表单外部JavaScript文件中的变量

如果我在HTML文档的

标记中有一个变量；让我们称之为

示例

如何访问JavaScript文件中的

示例

Exsample
var example=“example”

您应该能够通过

窗口访问它。示例

。如果在函数中声明了

example

，您将无法访问它。您的外部脚本也必须出现在变量声明之后（或者您可以在脚本上使用

defer

选项）：

console.log（窗口示例）
var-example='example'您应该能够通过
窗口访问它。示例
。如果在函数中声明了
example
，您将无法访问它。您的外部脚本也必须出现在变量声明之后（或者您可以在脚本上使用
defer
选项）：


console.log（窗口示例）
var-example='example'加载了
元素（
type=module
除外）的脚本都共享相同的JS环境

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

唯一的另一个限制是在创建变量之前不能访问它



var示例=1；
console.log（示例）；
加载了
元素（
type=module
除外）的脚本都共享相同的JS环境

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

唯一的另一个限制是在创建变量之前不能访问它



var示例=1；
console.log（示例）；
不需要显式访问
窗口
对象。@昆汀有，但只在“使用严格”模式下使用。@JamieBirch-甚至在严格模式下也不需要。这就禁止了globals的隐式创建。它既不禁止读取全局变量，也不禁止使用
var
（或
let
或
const
）显式创建全局变量。@Quentin你是对的，可以忽略它。我只是喜欢保留它，以使全局访问更显式（因为它可能会让人困惑，应该尽可能避免）。不需要显式访问
窗口
对象。@Quentin有，但只有在“使用严格”模式下。@JamieBirch-甚至在严格模式下也不需要。这就禁止了globals的隐式创建。它既不禁止读取全局变量，也不禁止使用
var
（或
let
或
const
）显式创建全局变量。@Quentin你是对的，可以忽略它。我只是更喜欢保留它，以使全局访问更加明确（因为它可能会让人困惑，并且应该尽可能避免），这样我就可以编写
var jsexample=example
@在上面的示例中，假设第二个脚本块是一个外部文件，没有使用
type=“module”
加载。您只需从HTML页面中创建的外部文件访问全局变量。@T54-您可以使用
示例
执行任何操作，包括将其值复制到这样的新变量。这样我就可以编写
var jsexample=example
@在上面的示例中，假设第二个脚本块是一个外部文件，没有使用
type=“module”
加载。您只需从HTML页面中创建的外部文件中访问全局变量。@T54-您可以使用
示例
执行任何操作，包括将其值复制到这样的新变量。