javascript - 网页无刷新技术
程序员文章站
2022-05-22 18:46:17
...
有些网页,比如换个主题,调整透明度,添加模块等等。都不用刷新页面,可以即时看到效果。
请问这是怎么实现的?单靠Ajax好像不行吧?
前端小白,请尽量讲的详细些,谢谢!
请问这是怎么实现的?单靠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的引用。
推荐阅读
-
JavaScript基于Ajax实现不刷新在网页上动态显示文件内容
-
javascript入门·图片对象(无刷新变换图片)\滚动图像
-
使用JavaScript刷新网页的方法
-
php+ajax实现无刷新动态加载数据技术
-
Ajax无刷新技术实现省市县三级联动下拉菜单--Asp.Net
-
JavaScript实现网页头部进度条刷新
-
JavaScript实现无刷新上传预览图片功能
-
落伍首发 php+mysql 采用ajax技术的 省 市 地 3级联动无刷新菜单 源码
-
Ajax+smarty技术实现无刷新分页
-
.net和javascript 结合 ,生成三级联动无刷新下拉菜单【修改版】 .netJavaScript