html5 frame

apu92 · 发表于 9-12-2014 01:24 AM

请问下如果怎样从用一个网页的header 和footer?
frameset吗？
我看到通常网页的header和footer都是一样的。。。。。只是中间的content部一样罢了。。。

musicalangel · 发表于 9-12-2014 08:32 AM

简单来说, 就是把header的部分跟footer的部分写在独立的file

然后每个网页执行的时候

<?php
include("header.php");
/*
内容
*/
include("footer.php");
?>

复制代码

当然如果你写web page的时候有使用 framework之类的东西, 那些东西会更复杂, 就会牵涉到所谓template的东西.

祝安.

apu92 · 发表于 11-12-2014 03:08 PM

谢谢你，如果单单只要html的有着功能吗？不要server side的。。。

vronn12345 · 发表于 14-12-2014 12:53 AM

本帖最后由 vronn12345 于 14-12-2014 12:59 AM 编辑

1.html

<!doctype html>
<html>
<head>
<title>title</title>
<script src="https://code.jquery.com/jquery-1.11.1.min.js"></script>
<script>
$(function(){
$("#content_container").load("2.html");
});
</script>
</head>
<body>
<h4>this content from 1.html</h4>
<div id="content_container"></div>
</body>
</html>

复制代码

2.html

<h4>this content from 2.html</h4>

复制代码

SOP (Same Origin Policy).
This will not work in Chrome.
Try in Firefox or on Localhost or on an online server.

如果你用chrome只是双击那html文件是不行的

apu92 · 发表于 23-12-2014 10:42 PM

vronn12345 发表于 14-12-2014 12:53 AM
1.html

谢谢你，如果单单用html是不能得？

onlychong · 发表于 12-1-2015 11:52 PM

apu92 发表于 23-12-2014 10:42 PM
谢谢你，如果单单用html是不能得？

单单用 HTML 是不能实现 dynamic content 的，加上 javascript 就可以实现了。
Jquery 现在最受欢迎的 javacript library 之一，并不难学，建议试试看。

要做到很强，就有需要用到 Server side script (PHP, ASP.NET, Java, Python, Ruby 等等) 了。

onlychong · 发表于 13-1-2015 12:04 AM

onlychong 发表于 12-1-2015 11:52 PM
单单用 HTML 是不能实现 dynamic content 的，加上 javascript 就可以实现了。
Jquery 现在最受欢迎的 j ...

补充一下，当然 frameset 也可以实现，不过 frameset 在 html5 是废弃的功能。因为你问的是 html5，所以 frameset 是不支持的。

		自动登录	找回密码
密码			注册

html5 frame

所属分类: 电脑手机

浏览过的版块