zoukankan      html  css  js  c++  java

  • 模拟短信发送

    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;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.onload=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');
    26. oBtn.onclick=function(){
    27. var oSpan=document.createElement('span');
    28. oP.appendChild(oSpan);
    29. if(oTest.value==''){
    30. return false;
    31. }
    32. oSpan.innerHTML=oSpan.innerHTML+oB.innerHTML+oTest.value;
    33. oTest.value='';
    34. if(oB.innerHTML=='我:'){
    35. oSpan.style.textAlign='right';
    36. oSpan.style.direction='rtl';
    37. oSpan.style.unicodeBidi='bidi-override';
    39. }else if(oB.innerHTML=='小明:'){
    40. oSpan.style.textAlign='left';
    41. oSpan.style.direction='ltr';
    42. oSpan.style.unicodeBidi='embed';
    43. }
    45. }
    46. oB.onclick=function(){
    47. if(this.innerHTML=='我:'){
    48. this.innerHTML='小明:';
    49. }else{
    50. this.innerHTML='我:';
    51. }
    52. }
    53. }
    54. </script>
    55. </body>
    56. </html>
  • 相关阅读:
    ATM
    Python不同目录间模块调用
    Python跨目录调程序
    Python软件目录结构规范
    进程的创建-multiprocessing
    进程
    多任务版udp聊天器
    死锁
    互斥锁
    同步
  • 原文地址：https://www.cnblogs.com/yjgbk/p/5890153.html
Copyright © 2011-2022 走看看