将html页面的主体加载到另一个没有ajax的页面中

时间:2012-02-23 10:23:35

标签: javascript html html5

我想创建一个包含页脚和一些常用部分的页面。

单击页脚中的任何链接时,应该使用另一个标记文件的内容加载body标记。这在服务器端非常简单,但所有html页面都将驻留在客户端设备上,访问其他文件的方式是使用文件协议。所以,ajax也是不可能的。

有jsonp,但内容将采用纯标记,而不是JSON。如果我决定为一个元素分配整个内容,那么JSON中的html标签也会出现问题。

有没有其他方法可以使用普通的JS来实现这个目标?

由于

2 个答案:

答案 0 :(得分:3)

你完美地描述了帧。你有没有理由不使用它们(除了“框架坏了,mkay?”)。

答案 1 :(得分:0)

Framesets允许您将页面分成几部分,链接可以定位一个给定部分。

如果您需要定位具有已知高度和宽度且不适合框架集结构的特定框架,则可以使用iframe并使用javascript更改其src属性。

<iframe id="myframe" height="400" width="500" />
<script type="text/javascript">
  document.getElementByID('myframe').src = 'somelocalfile.html';
</script>

使用这些策略中的任何一种都必须解决滚动条的问题。您可以使用javascript来确定子页面内容高度,并从父页面调整iframe高度。