模拟短信发送

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>Text Test</title>
  5. <meta charset="utf-8" />
  6. <style>
  7. *{margin: 0;padding: 0;}
  8. p{height: 300px;width:300px;border: 1px solid #0058D2;}
  9. b{cursor: pointer;}
  10. span{display: block;direction:rtl; unicode-bidi:bidi-override;}
  11. </style>
  12. </head>
  13. <body>
  14. <p id="p"></p>
  15. <b id="b">小明:</b>
  16. <input id="test" type="text" />
  17. <button id="btn">发送</button>
  18. <script>
  19. window.οnlοad=function(){
  20. var oP=document.getElementById('p');
  21. var oB=document.getElementById('b');
  22. var oTest=document.getElementById('test');
  23. var oBtn=document.getElementById('btn');
  24. oBtn.οnclick=function(){
  25. var oSpan=document.createElement('span');
  26. oP.appendChild(oSpan);
  27. if(oTest.value==''){
  28. return false;
  29. }
  30. oSpan.innerHTML=oSpan.innerHTML+oB.innerHTML+oTest.value;
  31. oTest.value='';
  32. if(oB.innerHTML=='我:'){
  33. oSpan.style.textAlign='right';
  34. oSpan.style.direction='rtl';
  35. oSpan.style.unicodeBidi='bidi-override';
  36. }else if(oB.innerHTML=='小明:'){
  37. oSpan.style.textAlign='left';
  38. oSpan.style.direction='ltr';
  39. oSpan.style.unicodeBidi='embed';
  40. }
  41. }
  42. oB.οnclick=function(){
  43. if(this.innerHTML=='我:'){
  44. this.innerHTML='小明:';
  45. }else{
  46. this.innerHTML='我:';
  47. }
  48. }
  49. }
  50. </script>
  51. </body>
  52. </html>

转载于:https://www.cnblogs.com/yjgbk/p/5890153.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值