在不重新加载页面的情况下加载div中的内容

Question

首先，我警告你，我是HTML开发的新手......

我正在使用Bootstrap创建一个网站。我可以在屏幕截图中看到左侧的一些按钮，我希望无需加载整个页面即可更改内容。

这里有什么帮助吗？非常感谢！

Answer 1

您需要使用JavaScript，这是所有现代Web浏览器附带的标准编程语言。在JavaScript中，有一个名为DOM（文档对象模型）的API，它将当前页面表示为对象。您可以使用该API更改div标记中包含的文本。

Here is the W3Schools page on the DOM

有一些JavaScript库试图抽象和简化DOM操作。最着名的是jQuery。

Answer 2

您可以尝试使用AngularJS或任何MVC框架/库。对于简单的事情，这些可能有点笨拙，但他们会帮助实现您正在寻找的东西。无论如何，要学习它们还是非常好的，因为它们需求量很大。

Here's AngularJS的主页，提供文档和教程。您希望使用ngView模块查看有关路由视图模板的信息，或者您可以使用由Angular的UI团队（我个人最喜欢的）创建的ui-router来嵌套视图。

PS：远离W3Schools http://www.w3fools.com/