Javascript 函数未定义，尽管事实上它是

Question

我正在更新一个为 ie8 设计的旧网站，并使用框架集来管理布局。

我正在向一个框架添加一段代码，该代码将在另一个框架上创建一个 div 并通过 AJAX 将内容加载到其中。问题是，无论出于何种原因，当我通过 onclick 调用它时，它一直说我的函数未定义。奇怪的是，这只发生在通过 AJAX 加载时，而不是当它作为自己的页面加载时。

我已经检查了 JS，页面上没有任何语法错误。

如果有人想看的话，这是我尝试运行的函数:

function closePopup() {
    alert('');
}

我已经从页面中删除了所有其他 JavaScript，但它仍然显示未定义。

编辑:这是加载页面的 jQuery 代码:

var main = top.frames["Main"].document;
$.ajaxSetup({ cache: false });
var centeringDiv = $("<div />", main)
.css({
  "position": "absolute",
  "top": "25%",
  "text-align": "center",
  "width": "100%",
  "z-index": "100"
})
.appendTo(main.body);
var lookUpDiv = $("<span />", main)
.attr("id", "lookUpDiv")
.css({
  "background-color": "#ffffff",
  "padding": "10px",
  "text-align": "center"
})
.text("Loading: Please Wait.")
.load("associateLookup.asp")
.appendTo(centeringDiv);

Answer 1

来自上面的评论:使用互连时 <iframe>内容，重要的是要记住单独的框架被视为单独的全局上下文。每个都有自己的window ， 换句话说。可以导航链接框架的引用，就像OP中的代码在引用 top.frames["Main"] 时所做的那样。 。 “onclick”等属性中的引用也必须考虑到这一点；同样，想要向其他框架添加函数或全局值的代码必须显式执行此操作。