javascript - 使用链接将HTML文件加载到DIV中

有几个主题，但是没有一个主题可以完全回答我的问题。

我希望能够有一个将整个HTML文件加载到DIV中的链接。

例如，这将仅将文本加载到我的“MainBack” DIV中。它工作正常:

<a href="#computing" onclick="document.getElementById('MainBack').innerHTML = '<p>1</p>';">Computing</a>

但我想像这样将整个文件加载到其中:

<a href="#computing" onclick="document.getElementById('MainBack').innerHTML = 'HTML FILE';">Computing</a>

有什么建议吗？我对此很陌生!

最佳答案

您可以使用<iframe>来做到这一点:

<iframe src="link.html" width="100%" height="300"></iframe>

Live Demo

代码:

<a href="#computing" onclick="document.getElementById('MainBack').innerHTML = '<iframe src=\'http://www.google.com\' scrolling=\'no\' frameborder=\'0\' width=\'100%\' height=\'600px\'></iframe>'">Computing</a>

或者，您也可以使用 lightbox 以一种非常漂亮的方式进行操作...

它将显示；照片，视频，HTML ...基本上任何您想要的。