当前位置:Gxlcms > PHP教程 > javascript-网页无刷新技术

javascript-网页无刷新技术

时间:2021-07-01 10:21:17 帮助过:19人阅读

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

回复内容:

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

  • AJAX可以动态获取内容。

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

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

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

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

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

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

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

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

人气教程排行