如何在现有的html页面中加载html页面

Question

美好的一天！

我正在创建一个包含多个HTML页面的网站。我的主页使用div代码分割如下：

我已经确定所有页面的页眉，左栏和页脚都是相同的。不使用html中的FRAMES，当我单击BUTTON 1（我使用超链接代码<a href="Catalogue.jsp" class="widget" >Catalogue</a>）时，是否可能会在右列中加载被调用的页面？我已阅读this article但我不知道哪个是我问题的最佳解决方案（老实说，我不知道如何将其插入我的代码中，因为我尝试了此代码$("#mydiv").load("myexternalfile.html");并且它不起作用..我想我错过了什么..我怎么能做代码，如果我点击超链接，在右栏中显示这个页面......）。

另外，我想知道如果我使用这种方法更快或更常用，而不是每次都重新加载整个页面，即使我的标题，左栏和页脚对我的所有页面都是相同的。如果我对我的所有页面执行此操作会有什么缺点？

提前谢谢。

Answer 1

  

不使用html中的FRAMES，当我点击BUTTON 1（我使用超链接代码<a href="Catalogue.jsp" class="widget" >Catalogue</a>）时，是否可能会在右栏中加载被调用的页面？

有iframe（它只是另一种类型的框架），并且使用JavaScript（Ajax技术）模拟框架，这些框架具有框架的所有缺点以及一些额外的框架。

  

$("#mydiv").load("myexternalfile.html");但它不起作用。）

即。那。

虽然没有更多信息，但很难说为什么会失败。

  

另外，我想知道它是否更快

略

  

或更常用的

根本不常见

  

如果我使用这种方法而不是每次都重新加载整个页面，即使我的标题，左栏和页脚对我的所有页面都是相同的。

HTML压缩效果非常好，模板可以手动复制共享内容。有几个原因，几乎每个网站都有不同页面的共享元内容。

  

如果我对我的所有页面执行此操作会有什么缺点？

它为没有JavaScript的用户打破了书签，搜索引擎索引，链接共享和访问权限。

Answer 2

使用iFrame并有条件地执行“display = block”或使用javascript点击任何按钮

<iframe src="newpage.html" width="200" height="200" frameborder="0" scrolling="auto" name="myInlineFrame" display=none></iframe>