码迷,mamicode.com
首页 > 其他好文 > 详细

张三个人信息 三元运算符

时间:2016-11-30 04:05:29      阅读:169      评论:0      收藏:0      [点我收藏+]

标签:htm   类型转换   展开   images   code   运算   keyword   网页   比较   

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-cn">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
    <title>网页标题</title>
    <meta name="keywords" content="关键字列表" />
    <meta name="description" content="网页描述" />
    <link rel="stylesheet" type="text/css" href="" />
    <style type="text/css"></style>
    <script type="text/javascript">
    //根据isMrried的值,来输出是"未婚",还是"已婚"
    var name="";
    var is_married=false;
    
    //进行条件判断:只能二选一,不能同时进行
    if(is_married)
    {
    document.write(name+"的婚姻状态是:已婚!");
    
    }else
    {
    document.write(name+的婚姻状态是:未婚!);
    }
    //判断两个数谁大谁小
    var a=100;
    var b=20;
    //比较运算符的结果也是布尔值
    document.write(<hr>);
    if(a>b)
    {
    document.write(a+);
    }else
    {
    document.write(b+);
    }
    document.write(<hr>);
    //(1)变量初始化
    var name=张三丰;
    var sex=;
    var edu=大专;
    var age=29;
    var isMarried = true;
    var salary =2000;
    var bonus =500;
    var school="";
    //(2)构建要输出的结果
    var str =<h1>+name+"的基本信息如下</h1>";
    str +="<br>姓名:"+name;  //展开后 str =str +‘姓名: 张三丰‘
    str =str +<br>性别:+sex;
    str =str +"<br>年龄:"+age;
    str =str +"<br>婚否:"+(isMarried ? "已婚 ": "未婚");//三元运算符
/*if(isMarried)
    {
        str +=‘<br>婚否:已婚‘;
    }else
    {
    
        str +="<br>婚否:未婚";
    }*/
    str +="<br>基本工资:"+salary;
    str +="<br>奖金"+bonus; 
    str +=<br>实发工资:+(salary +bonus);
    //if判断: 如果school有值,则输出学校名
    //如果school无值,则输出"未填写"
    //if的()只能是布尔型,如果不是布尔值,则要进行类型转换
    //undefined转成布尔型为false
    if(school)
    {
        str +="<br>毕业院校"+school;
    
    }else
    {
        str +="<br>毕业院校: 未填写";
    }

    //(3)(输出结果)
    document.write(str);
    document.write("<br>");
    
    </script>
</head>
<body>

</body>
</html>

技术分享

 

张三个人信息 三元运算符

标签:htm   类型转换   展开   images   code   运算   keyword   网页   比较   

原文地址:http://www.cnblogs.com/lvtiansong/p/6116074.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!