美文网首页
第二章 JavaScript基础

第二章 JavaScript基础

作者: 沒空 | 来源:发表于2018-07-21 14:57 被阅读0次

    2.1定义四个字符串输出

    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>字义字符串数据类型</title>
    </head>
    
    <body>
    <script language="javascript">
        var string1="I like 'JavaScript'";      //双引号中包含单引号
        var string2='I like "JavaScript"';      //单引号中包含双引号
        var string3="I like \"JavaScript\"";        //双引号中包含双引号
        var string4='I like \'JavaScript\'';        //单引号中包含单引号
        document.write(string1+"<br>");
        document.write(string2+"<br>");
        document.write(string3+"<br>");
        document.write(string4+"<br>");
    </script>
    
    </body>
    
    image.png

    2.2将基本类型提升为对象的应用

    <script language="javascript">
    var myString=new String("aBcDeFg");
    var low=myString.toLowerCase();
    alert(myString+"装换为小写字母后为:"+low)
    </script>
    
    
    image.png

    2.3通过Javascript在页面中定义变量,在通过算数运算符计算变量的运行结果

    <script type="text/javascript">
      var num1=60,num2=5;     //定义两个变量
      document.write("60+5="+(num1+num2)+"<br>");
      document.write("60-5="+(num1-num2)+"<br>");
      document.write("60*5="+(num1*num2)+"<br>");
      document.write("60/5="+(num1/num2)+"<br>");
      document.write("(60++)"+(num1++)+"<br>");
      document.write("++60="+(++num1)+"<br>");
    </script>
    
    image.png

    2.4比较运算符实现两个数值大小比较

    <script type="text/javascript">
    var age=15;
    document.write("age变量值为:"+age+"<br>");
    document.write("age>=10:"+(age>=10)+"<br>");
    document.write("age<10:"+(age<10)+"<br>");
    document.write("age!=10:"+(age!=10)+"<br>");
    document.write("age>10:"+(age>10)+"<br>");
    </script>
    
    image.png

    2.5弹出一个提示对话框,显示进行字符串运算后的变量的值

    <script type="text/javascript">
    var a="我"+"喜欢";
    a+="JavaScript";
    alert(a);
    </script>
    
    image.png

    2.6用typeof运算符返回当前操作数的数据类型

    <script type="text/javascript">
    var a=56;
    var b="hello";
    var c=true;
    alert("a类型为:"+(typeof a)+"\nb的类型为:"+(typeof b)+"\nc的类型为:"+(typeof c));
    </script>
    
    image.png

    2.7用()改变优先级

    <script type="text/javascript">
    var a=1+5*6;
    var b=(1+5)*6;
    alert("a="+a+"\nb="+b);
    </script>
    
    image.png

    综合应用
    2.8使用字符串运算符“+”链接两个字符串,并用document.write语句输出链接后的字符串

    <script type="text/javascript">
    var a="姚明的个人信息"+"<br>"+"<br>";
    var b="身高:2.26M<br>体重:140.6kg<br>";
    document.write(a+b);
    </script>
    
    image.png

    2.9计算长方形面积

    <script type="text/javascript">
    var L=5.6;
    var H=3.6;
    var M=L*H;
    document.write("长方形面积为:"+M+"平方米");
    </script>
    
    image.png

    跟我上机:条件运算符实现一个简单判断功能

    <script type="text/javascript">
    var age=16;
    document.write((age>=18)?"小明成年":"小明未成年");
    </script>
    
    image.png

    相关文章

      网友评论

          本文标题:第二章 JavaScript基础

          本文链接:https://www.haomeiwen.com/subject/pngypftx.html