javascript - 如何在 HTML 和 CSS 中创建一个链接,该链接将使用 html 文件填充 div 或其他元素?

标签 javascript html css

自从我上次不得不做任何 html 以来已经有很长一段时间了,但是其中一个显然仍然有效但不是好的做法的功能是将页面分成框架并且您可以使用某种导航带有所有页面链接的栏以填充目标框架。例如。

<a href="somecontent.html" target="middleframe">clicky</a>

我尝试使用 <iframe>标记,虽然它几乎正是我想要的,但我发现根据加载到其中的内容自动调整到正确的高度非常令人沮丧。

显然,我可以制作一个几乎相同的页面,但更改新页面上的内容并从一个页面链接到另一个页面,但是我有一个相当不错的 css 幻灯片作为我网站的背景,我不想要它每次点击链接时重新加载!

现在,我喜欢样式表和 div,那么有没有什么方法可以在不求助于 HTML 4 的情况下完成上述操作?如果确实没有办法在 CSS 和 HTML 5 中执行此操作,我将采用 javascript 答案。

提前致谢,你们这些可爱的人!

最佳答案

那么,您只想更新实际内容,这有什么不同?您可以使用 iFrame 来做到这一点,但根本不推荐这样做。

"new"的使用方式称为“AJAX”

这是一种从服务器下载数据的技术,无需重新加载当前页面。这是通过 JavaScript(和服务器端 PHP)完成的。这样你就可以只更新页面内容。 网上有很多教程,stackoverflow 上也有很多常见问题的解答。随时检查它们:)

关于javascript - 如何在 HTML 和 CSS 中创建一个链接,该链接将使用 html 文件填充 div 或其他元素?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47367966/

相关文章:

javascript - 对特定表单名称运行 ajax 调用

javascript - 调试 JavaScript 和 CSS 代码 : adding an event handler

javascript - 使用 Onsubmit 从表单调用 Javascript

html - 为什么我的 'position: fixed' 导航栏不会保留在文档的中心?

javascript - 当用户在写一些文本后按 ","时创建一个特定的标签

twitter-bootstrap - 如何在 Bootstrap 列中使用文本溢出?

javascript - HapiJs 根据角色路由访问

javascript - Firefox 4 beta 不允许在新窗口中动态创建元素(Javascript)?

html - 重复嵌套交替样式

CSS/jQuery 间距问题