javascript – 将HTML文件加载到具有链接的DIV中

前端之家收集整理的这篇文章主要介绍了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 …基本上任何你想要的.

原文链接:https://www.f2er.com/js/152163.html

猜你在找的JavaScript相关文章