在此替换内容

Question

好的W3Schools，如下图所示。有没有办法保留外部的橙色/黄色部分，只需通过只包含一个正文或其他内容的src="somehtmlpage.html"来替换“内容在这里”？

我知道我可以用Frame / IFrame做到这一点，但我读到的地方框架不好或类似的东西......有什么想法吗？

Answer 1

你是对的，框架不是一个好主意，但如果你想要一个你需要使用的HTML解决方案。

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

Answer 2

有usig框架的优点广告

<强>赞成

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

<强>缺点

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

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

Answer 3

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

请参阅以下链接

Jquery load function

祝你好运

Answer 4

如果要从其他文件添加一些html代码，可以使用php include

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

别忘了重命名文件索引。 php 或测试。 php

例如，如果您想拥有主要内容的模板和文件：

<强> main.php

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

somehtmlpage.html

<p>something...</p>

页面如下所示：

  

标题

     

东西...