javascript - iframe 的替代解决方案？

Question

我有一个顶部有工具栏的网站。该工具栏有一个下拉菜单。当用户选择下拉列表时，根据选择，整个页面将刷新以显示新数据。

工具栏是网站代码 (HTML) 的一部分。

问题 - 现在我希望将此工具栏与网站代码分开，因为此工具栏也将包含在其他 html 中。我正在考虑将工具栏代码作为 iframe 。这是一个好主意吗？有哪些挑战以及如何将新的 iframe 包含在其他网站中，是否具有挑战性？

除了 iframe 之外还有其他选项吗？

Answer 1

您可以而且应该使用 AJAX 来实现此目的。

有一个 HTML 网页(我们称之为 page1):

<h1>Hello world! And tool bar code is on this page...</h1>

然后在您的主 HTML 文件中使用 AJAX 调用 page1 (了解有关 ajax 的更多信息 here )并将其附加到您的 html 代码中，无论您想要什么。