第二章 JavaScript基础

2018-07-21  本文已影响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
上一篇下一篇

猜你喜欢

热点阅读