第二章 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