javascript - 如何访问包含在 html 文件中的 JavaScript 变量并且该文件是动态加载的

Question

我有一个名为 index.html 的 html 文件。此 html 中有一个 div 对象，在此 div 中，我们使用对象标记动态加载另一个 html 调用 abc.html。我的问题是如何从 index.html 访问 abc.html 的变量。

Answer 1

您的问题有点含糊，假设您使用 Ajax 将 abc.html 加载到<div>index.html 中的元素中。

现在一旦 abc.html 被加载到 index.html 的 div 中，abc.html 和 index.html 都成为一个单一的实体。

所以假设您在 abc.html 上有以下内容

var message = "Annoying message";

和 index.html 上的这个函数

function annoyingAlert() {
    alert(message);
}

并且您在 index.html 中的 Ajax 的 onLoadComplete 事件中调用“annoyingAlert”方法，它应该会弹出您最初在 abc.html 上的烦人消息

您只是在处理一个页面，其中一些内容是动态加载的。