Javascript：从子html调用父html方法

我正在尝试创建一个html页面（称之为“主”），它调用子html页面。首先，它调用子项“defaultpage”。当用户阅读完一个子页面后，我需要一个按钮再次将该页面替换为“defaultpage”。我对javascript非常陌生，所以我尝试在“主要”html上创建一个方法：

函数加载器（网页）{
document.getElementById（“mainarea”）.innerHTML=
';}

这部分工作正常，并正确加载子HTML。但是当我天真地尝试通过html从子html再次调用该方法时

<button onclick='parent.loader("defaultpage.html")'>Return</button>

返回

---

没有。如果我用

loader

而不是

parent.loader

将按钮放在“primary”上，它可以工作，但我希望按钮属于子按钮，以便用户在页面底部向下滚动到它。

这没有什么“好的”，IMHO，您基本上是在重新创建网站在框架或iFrame上构建的所有可访问性问题，仅使用

object

。这已经是一种过时且有缺陷的方法，我认为你不应该在一开始就浪费更多的时间来追求这一点。附议@CBroe的评论-这不是一个好方法。我很感激您对JavaScript还不熟悉，即使您对想要实现的目标有一个很好的想法，但知道从哪里开始通常也会让人困惑。在我看来，你应该看看单页应用程序（SPA）以及解决这个问题的各种框架。@CBroe谢谢你们的评论。有没有一个我应该研究的特定框架，一个在几年内不会过时的框架？

<button onclick='parent.loader("defaultpage.html")'>Return</button>