亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

get獲取 條件控制來完成微博發(fā)布案例

asal 2019-04-04 16:23:48 224
abstrak:<!DOCTYPE html><html><head>  <title>微博輸入</title>  <meta charset="utf-8">  <style type="text/css">    body{font-si

<!DOCTYPE html>

<html>

<head>

  <title>微博輸入</title>

  <meta charset="utf-8">

  <style type="text/css">

    body{font-size:12px;}

    .box{width: 600px;height: 160px;border:10px solid pink;margin: 0 auto;padding: 10px;}

    img{float:left;}

    .box1{float:left;margin-left: 255px;width: 150px;height: 24px;text-align: right;font-size: 14px;color:#888;}

    .box1 span{font-size:16px;font-weight: bold;}

    #text{width: 600px;height: 100px;border:1px solid #888;margin-top: 5px;}

    .box #sp1,#sp2,#sp3,#sp4,#sp5,#sp6{float:left;width: 30px;height: 32px;line-height: 32px;padding-left: 26px; }

    #sp1{background: url(images/an5.png) no-repeat left center ;}

    #sp2{background: url(images/an4.png) no-repeat left center ;}

    #sp3{background: url(images/an3.png) no-repeat left center ;}

    #sp4{background: url(images/an2.png) no-repeat left center ;}

    #sp5{background: url(images/an1.png) no-repeat left center ;width: 40px;}

     #sp6{margin-left: 150px;margin-right: 15px;color:#888;}

     #bt{float: left;width: 80px;height: 30px;border:none;background: #ffc09f;color: #fff;border-radius: 6px;}

   

  </style>

  <script type="text/javascript">

    var text,number,m

    window.onload=function (){

      text=document.getElementById('text')

      number=document.getElementById('number')

      bt=document.getElementById('bt')

      text.onkeyup=function aa(){

        m=140-text.value.length

        if (m<0) {

          number.style.color="red"

        }else{

          number.style.color="#888"

        }

        number.innerHTML=m

      }

      bt.onclick=function (){

        if(m==140){

          alert('您還沒有輸入')

          text.focus()

        }else if(m<0){

          alert('字數(shù)過多,不能發(fā)布')

          text.focus()

        }else{

          alert('發(fā)布成功')

        }

      }

      aa()

    }

  </script>

</head>

<body>

  <div class="box">

    <img src="images/12.png">

    <div class="box1">還可以輸入<span id="number"></span>字</div>

    <textarea id="text"></textarea>

    <span id="sp1">表情</span>

    <span id="sp2">圖片</span>

    <span id="sp3">視頻</span>

    <span id="sp4">話題</span>

    <span id="sp5">長微博</span>

    <span id="sp6">公開</span>

    <input type="button" value="發(fā)布" id="bt">

  </div>

</body>

</html>


Guru membetulkan:西門大官人Masa pembetulan:2019-04-04 17:40:03
Rumusan guru:注意一下你的函數(shù)的命名,盡量避免出現(xiàn)aa,bb這樣無意義的函數(shù)名稱。

Nota Keluaran

Penyertaan Popular