在没有javascript的情况下将内容加载到div

Question

如果有任何方法可以将内容从外部页面（同一网站/根目录中的页面）加载到div而不是使用javascript，我是否更有意思？

该网站使用了大量的jquery load（），但它有一个必须可用的页面，并且没有激活javascript。它应该更好地适应网站结构，以加载重新加载整个页面的内容，所以现在我寻找一些没有javascript的解决方案，如果存在的话。

示例：我要加载内容的div为Index.html #get_content，包含内容的网页和div为Content.html #send_content。

感谢。

Answer 1

在没有JS的客户端上执行此操作的唯一方法是在您的div中添加iframe

正如DumbSearch所说，您可以抓取服务器上的内容，使用服务器端DOM解析工具（取决于您的服务器），检索您想要的内容并将其粘贴到您的页面中。请注意，您将负责获取相关的JS和CSS，并且CSS可能无法工作，因为某些选择器可能依赖于存在的父/祖先节点，就像JS一样。

Answer 2

jQuery load（）是在服务器端完成此任务的最佳方式。

您可以使用iFrame，如下所示：

<iframe src="http://example.com/something.html"></iframe>

可以在iFrame中使用很多属性来调整宽度，边框，高度和其他内容。

从HTML5开始（只有Chrome支持此功能），您可以使用seamless属性来制作文档的iFrame部分，例如load()，而不是内部的窗口文档。

通常，PHP是一种非常简单的服务器端语言，可以剪切并粘贴到您的项目中（除非它依赖于另一种冲突的服务器语言）并且您可以执行类似这样的操作，这将完成类似于{{{ 1}}：

load()

编辑正如Juan Mendes指出的那样，如果您使用PHP（或任何服务器语言）以及CSS / JavaScript，您将负责获取相关的JS和CSS因为某些选择器可能依赖于存在的父/祖先节点，所以可能无法工作。使用iFrames，您只需查看文档中的外部页面，这与服务器语言解析器不同，后者从站点中删除代码然后将其打印在页面上。