JavaScript的switch循环

2018-06-24 00:53:57来源:未知 阅读 ()

新老客户大回馈,云服务器低至5折

<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style type="text/css">
    #div1 {
        width: 200px;
        height: 50px;
        border: 1px solid red;
    }
</style>
</head>

<body>
姓名:<input type="text" id="txt1" />
性别:<input type="text" id="txt2" />
&nbsp;<input type="button" id="btn1" value="提交" />
<br>
<br>
<div id="div1"></div>
<script>
    var otxt1=document.getElementById('txt1');
    var otxt2=document.getElementById('txt2');
    var odiv1=document.getElementById('div1');
    var obtn1=document.getElementById('btn1');
    var n1=otxt1.value;
    var n2=otxt2.value;
    var d1=odiv1.innerHTML;
    obtn1.onclick=function()
    {
        switch(n2)
        {
        case '':
        alert('n1+'先生,您好');
        break;
        
        case '':
        d1='n1+'女士,您好';
        break;
        
        default:
        d1='n1+'您好';
        break;
        }
    }
</script>
</body>
</html>

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:js实现元素水平垂直居中

下一篇:Vue之自定义组件的v-model