html - 在此处替换内容

Question

好的，在 W3Schools 上，它有下面的图像。有没有办法保留外部橙色/黄色部分并通过src="somehtmlpage.html"仅包含主体或其他内容的方式简单地替换“内容在此处”？

我知道我可以使用 Frame/IFrame 来做到这一点，但我在某处读到 Frames 不好或类似的东西。有什么想法吗？

Answer 1

你是对的，框架不是一个好主意，但如果你想要一个 html 解决方案，那就是你必须使用的。

但是，您可以使用 javascript 将内容加载到该 div 中。我建议使用 jQuery 的.load()方法来完成这项任务，因为它会为您简化流程并允许您从源文件中选择特定内容。

Answer 2

usig 框架有优缺点

优点

1. 能够在更改另一部分时保持页面的一部分静态。出于这个原因，框架通常用于导航菜单。
2. 框架还可以帮助减少带宽和服务器负载，因为每次访问新页面时都不需要加载相同的内容。

缺点

1. 当框架未正确加载或显示时，会发生损坏的框架集。
2. 搜索引擎不能很好地处理框架。
3. 您不能直接链接到框架页面。
4. 与链接相关的相同问题也适用于书签页面。

iframe 可以试一试。它也适用于某些限制

Answer 3

您可以使用 JQuery 加载函数从特定元素的 HTML 文件中加载数据

请参阅下面的链接

jQuery加载函数

祝你好运

Answer 4

如果你想从不同的文件中添加一些 html 代码，你可以使用 php include

<?php include('somehtmlpage.html'); ?>

不要忘记重命名文件索引。php或测试。php

例如，如果你想要一个模板和一个主要内容的文件：

主文件

<h1>title</h1>
<?php include('somehtmlpage.html'); ?>

somehtmlpage.html

<p>something...</p>

该页面将如下所示：

标题

某物...