用javascript怎么做一个类似于QQ聊天界面上面那(聊天,娱乐,应用,工具)的分页

用javascript怎么做一个类似于QQ聊天界面上面那(聊天,娱乐,应用,工具)的分页,第1张

结合css技术很容易实现

先用css讲菜单按照你需要的样式布局好,接着你可以按照不同的方式来编写如何切换内容,这里讲两种方法

一。比如你的菜单有四个,那么在同一个页面上你同时做好这四个菜单的显示内容,讲其余三个的display属性设置为none,剩下的一个display设为block(即是你载入程序时希望默认打开的部分),然后每当点击各个菜单显示不同内容就用js代码控制这四个板块的display属性就可以了。

二。你还可以在菜单项下面布局一个iframe,然后讲四个板块做成四个独立的页面,每点击一个菜单项的时候载入不同的页面就可以了

<script type="text/javascript" language=JavaScript charset="UTF-8">

      document.onkeydown=function(event){

            var e = event || window.event || arguments.callee.caller.arguments[0]  

             if(e && e.keyCode==13){ // enter 键

                 //发送信息代码

            }

        } 

</script>

enter键的keyCode是13,通过onkeydown可以判断按下enter然后做发送消息。

参考资料:来自网络

页面不刷新就是 异步 *** 作.不管你是 *** 作数据库还是 *** 作文件还是 *** 作request..都是用异步的可以实现..

AJAX是一个办法.现在也很成熟..

或者就自己搞js控制页面.

目前B/S程序,都是基于请求/相应模式的。

所以

不自动刷新可以通过脚本定时向服务器端发送异步请求实现。

然后通过DOM *** 作即时把相应结果集加载到聊天页面。

当然你也可以在用户发送聊天信息的同时触发一个异步请求,即时更新当前时刻的聊天信息。

所有的这些你都可以通过javascript实现。关于异步请求和即时改变DOM树,现在有一个流行的词语-“AJAX”。


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/yw/11830146.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-19
下一篇 2023-05-19

发表评论

登录后才能评论

评论列表(0条)

保存