网页无刷新技术

Question

有些网页，比如换个主题，调整透明度，添加模块等等。都不用刷新页面，可以即时看到效果。
请问这是怎么实现的？单靠Ajax好像不行吧？
前端小白，请尽量讲的详细些，谢谢！

Answer 1

• AJAX可以动态获取内容。

• DOM操作(增删节点、增删内容、修改属性尤其是class属性)。从而实现你说的增加模块，以及修改视觉效果等。

• JS还能够动态修改样式，通过修改element.style。从而实现你说的修改透明度等效果。

• DOM还支持动态创建script和link等标签。从而实现动态引入主题需要的脚本和样式文件。

只有想不到，没有做不到。

Answer 2

一般都是用ajax啊。你还可以嵌套一个frame，刷新frame和页面进行交互。
不过你说的这些，调整透明度和添加模块之类的，大部分情况下是无需和后台做交互的，做交互也只是存取写数据，大部分操作还是js操作dom。

Answer 3

除了上面 说到的 ajax 和 iframe 方式你可以去了解下 html5 history api

Answer 4

都是用插件实现的，比如angular mobilebone backbone 这些你都可以了解，单页面无刷新的

Answer 5

你说的这些都是css的障眼法，利用锚，frame等。
整个主题切换的时候，一般的实现是切换对css的引用。