0
点赞
收藏
分享

微信扫一扫

用js创建简单的QQ聊天框

迎月兮 2022-03-13 阅读 89

QQ聊天框一款很好的通信工具。方便用户聊天,并且减少人与人之间的距离方便用户发信息和通知。下面我说到的就是一款比较简单的QQ聊天框之一——QQ群聊

在学习项目中,我们学习到了聊天框的一些内容,在使用方法我进行了部分总结,并且加了一些符合QQ聊天框的内容,需要的可以作参考(仅供参考)。

第一:获取时间

1.创建时间对象var date = new Date();

2.需运用到三元运算符:条件表达式? 语句1:语句2;

第二:流程控制语句

我用的是其中的分支结构。

在执行代码时,可以根据条件进行选择。

语法:if(){ 语句;

}else{ 语句;};

第三:声明全局变量

                var obtn = document.getElementById("btn");//获取发送按钮

                var orong = document.getElementById("rong");//获取输入内容区域

                var obiao = document.getElementById("biao");//获取下拉列表

                var onei = document.getElementById("nei");//获取显示内容区域

第四:简单的构思一下内容和样式,需用到HTML和CSS。部分代码如下(仅供参考):

 第五:js部分代码参考:

 运行效果部分如下:

 

以上就是我想要分享的QQ聊天框的内容,QQ聊天框不仅丰富了我们的生活更是方便了我们网络通信,还方便了我们通知消息。

新手上道,请多多指教。如果有更好的方法或不懂得地方欢迎在评论区教导和提问喔!

举报

相关推荐

0 条评论