Javascript 从内联html页面访问外部JS变量？

如何从HTML页面中的外部JavaScript访问变量

在我的外部JavaScript文件（init.js）中，我创建了一个变量调用：

var myMessage="Hello World";

在包含init.js的HTML页面中，但当我尝试发出警报时：

alert(myMessage);

这给了我一个错误。

---

您可以通过make调用外部js变量

var init={
myMessage="Hello World";
}

调用您的html代码

alert(init.myMessage);

---

可以通过make调用外部js变量

var init={
myMessage="Hello World";
}

调用您的html代码

alert(init.myMessage);

---

codepen示例不包括作为外部文件的代码，而是包含在内部，因此这是一个问题，但通常需要等待页面和所有元素完成加载

下面的示例将等待1000毫秒或1秒，然后您将看到警报将显示变量

 <div>
 Body content
 </div>
 <script>
   setTimeout(function() {
   alert(myMessage);  
   },1000);
 </script>

而不是计时器，因为你不能确定1秒是否足够。连接可能很差，加载所有页面可能需要更多时间

如果您不想使用jQuery，也有很多方法可以做到这一点

---

您的codepen示例不包含作为外部文件的代码，而是包含在内部，因此这是一个问题，但通常需要等待页面和所有元素完成加载

下面的示例将等待1000毫秒或1秒，然后您将看到警报将显示变量

 <div>
 Body content
 </div>
 <script>
   setTimeout(function() {
   alert(myMessage);  
   },1000);
 </script>

而不是计时器，因为你不能确定1秒是否足够。连接可能很差，加载所有页面可能需要更多时间

如果您不想使用jQuery，也有很多方法可以做到这一点

---

在HTML中使用之前，需要包含该JS文件。在HTML中使用之前，可能需要包含该JS文件的副本。可能重复的