<!DOCTYPE html><html lang="en"><head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>聊天室</title><style>#box {
width:250px;
height:250px;
border: 1px solid black;}#text {
height: 50px;
width: 200px;
background-color: green;
font-size: 1.2em;}#btn {
height: 50px;
width: 45px;
background-color: skyblue;}</style></head><body>
<h1>聊天室</h1><div id="box"></div><br><input type="text" id="text" name="text" value=""><button id="btn">提交</button><script>var box = document.getElementById('box');var text = document.getElementById('text');var btn = document.getElementById('btn');btn.onclick = function () {
var str1 = '<span style="color:green;">西门庆:</span>'
box.innerHTML += str1+text.value + '<br>';//将文本的内容发送到聊天窗口中
var str2 = '<span style="color:red;">金莲:</span>'
box.innerHTML += str2+'你好烦人哦' + '<br>';
text.value='';/*清空文本框*/}</script></body></html>
博客列表 >聊天室
聊天室
- PHP全栈60天VIP大牛作业题原创转载
- 2018年04月19日 20:53:24864浏览
上一条：For(), while(),foreach() 以及 array_splice()的函数的用法--2018年4月19号10点05分下一条：数组的排序，字符串相关函数-待添加-2018年4月19日
声明：本文内容转载自脚本之家，由网友自发贡献，版权归原作者所有，如您发现涉嫌抄袭侵权，请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言，请遵守新闻评论服务协议
