javascript - 浏览网站时,网站的一部分如何保持显示(有点像只加载一次)?

标签 javascript html css

我正在制作一个包含多个页面的网站。所有页面都有完全相同的顶部、导航栏和页脚。导航到不同页面时唯一改变的是正文。我想知道的是如何在导航到不同页面时只加载页面的主体,但保持顶部、导航栏和页脚显示,这样你得到的效果是除了主体之外没有任何变化。

最佳答案

你有两个选择:

  • > iframes - 页面主体是 iframe 元素,您更改 iframe src 以加载新页面
  • > AJAX - JavaScript 使用 XMLHttpRequest 获取新页面的 HTML 并将其动态加载到正文中而无需重新加载页面

关于javascript - 浏览网站时,网站的一部分如何保持显示(有点像只加载一次)?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16804079/

相关文章:

css - 使用空白属性 CSS 进行过渡

javascript - 鼠标悬停更改 tr bgcolor 在 IE 中不起作用

javascript - 反转高图图例值或颜色或从其他属性而不是系列值绘制图例颜色

javascript/jquery 设置 var 没有发生

html - 在可变容器尺寸上保留 CSS 形状和绝对定位

html - 多个元素同一行

html - 内容区域高度 100%,考虑到标题

javascript - 在 Chrome 和 safari 中使用 javascript 在表中添加行 = 奇怪的结果

javascript - Express 服务器需要 500ms 返回 304 响应

javascript - anchor 击并保持页面位置?