我想在HTML页面中包含一个HTML页面.可能吗?
我不想在PHP中这样做,我知道在PHP中,我们可以使用include这种情况,如何在不使用iframe和frame概念的情况下实现纯粹的HTML ?
ken*_*bec 41
您可以使用对象元素
<object type="text/html" data="urltofile.html"></object>
Run Code Online (Sandbox Code Playgroud)
或者,在本地服务器上,AJAX可以返回一个HTML(responseText)字符串,您可以使用该字符串进行记录.编写一个新窗口,或者编辑出head和body标签,并将其余部分添加到div中的div或其他块元素中.当前页面.
Dan*_*ant 32
如果您只是试图从另一个文件中坚持自己的HTML,并且您认为服务器端包含为"纯HTML"(因为它看起来像HTML注释并且没有使用像PHP那样的"脏" ):
<!--#include virtual="/footer.html" -->
Run Code Online (Sandbox Code Playgroud)
Che*_*ian 26
如果您的意思是客户端,那么您将不得不使用JavaScript或框架.
简单的方法开始,尝试jQuery
$("#links").load("/Main_Page #jq-p-Getting-Started li");
Run Code Online (Sandbox Code Playgroud)
更多关于jQuery Docs
如果您想使用IFrame,请从IFrame上的Wikipedia开始
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Example</title>
</head>
<body>
The material below comes from the website http://example.com/
<iframe src="http://example.com/" height="200">
Alternative text for browsers that do not understand IFrames.
</iframe>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)
Mui*_*uis 23
你可以使用HTML5:
<link rel="import" href="/path/to/file.html">
Run Code Online (Sandbox Code Playgroud)
Sam*_*152 11
<iframe src="page.html"></iframe>
Run Code Online (Sandbox Code Playgroud)
您需要为此iframe添加一些样式.您可以指定宽度,高度,如果您希望它看起来像原始页面的一部分frameborder="0".
在纯HTML中没有其他方法可以做到这一点.这就是他们的目的,就像说我想要一个没有鸡蛋的鸡蛋.
如果您愿意使用jquery,那么有一个名为"inc"的方便的jquery插件.
我经常将它用于网站原型设计,我只想向客户端提供静态HTML,没有可以快速创建/编辑/改进/重新呈现的后端层
例如,菜单和页脚之类的东西需要显示在每个页面上,但是你不希望最终得到一个复制粘贴的东西
您可以包含页面片段,如下所示
<p class="inc:footer.htm"></p>
Run Code Online (Sandbox Code Playgroud)
小智 5
<html>
<head>
<title>example</title>
<script>
$(function(){
$('#filename').load("htmlfile.html");
});
</script>
</head>
<body>
<div id="filename">
</div>
</body>
Run Code Online (Sandbox Code Playgroud)