• 模拟短信发送


    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');
    24. oBtn.onclick=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.onclick=function(){
    43. if(this.innerHTML=='我:'){
    44. this.innerHTML='小明:';
    45. }else{
    46. this.innerHTML='我:';
    47. }
    48. }
    49. }
    50. </script>
    51. </body>
    52. </html>
  • 相关阅读:
    SWT DragSource 和 DropTarget 托拉拽
    Java的反射机制
    1. 算法导论
    SWT对于监听Tab键的理解
    SWT基础
    socket
    TCP/IP
    RPC(远程过程调用协议)
    Jython基本知识
    #与##
  • 原文地址:https://www.cnblogs.com/yjgbk/p/5890153.html
Copyright © 2020-2023  润新知