自定義拋出例外的除錯
<!doctype html> <html> <head> <meta http-equiv ="Content-Type" content="text/html; charset=utf-8"> <title>自定義拋出例外</title> <script language="javascript"> function test(num1,num2){ try{ if(arguments.length<2){//如果引數個數小于兩個 throw new Error("引數個數不夠");//拋出例外 } if(num1/num2=="Infinity"){//第二個引數為0 throw new Error("被除數不可以為0");//拋出例外 } } catch(exception){ alert(exception.message)//在catch區域彈出例外提示資訊 } } </script> </head> <body> <script language="javascript">//在body區域呼叫函式 test(1); test(1,0); </script> </body> </html>
運行結果：
、
字串的使用
<!doctype html> <html> <head> <meta http-equiv="Content-Type" content="text/html charset=utf-8"> <title>字串的使用</title> </head> <body> <script type="text/javascript"> var string1="I like 'javascript'";//雙引號中包含單引號 var string2='I like "javascript"';//單引號中包含雙引號 var string3="I like \"javascript\"";//雙引號中包含雙引號 var string4='I like \'javascript\'';//單引號中包含單引號 window.document.write(string1+"<br>");//輸出 window.document.write(string2+"<br>"); window.document.write(string3+"<br>"); window.document.write(string4+"<br>"); </script> </body> </html>
運行結果：
算數運算子的使用
<!doctype html> <html> <head> <meta charset="utf-8"> <title>無標題檔案</title> </head> <body> <script type="text/javascript"> var num1=150; var num2=15; document.write("150+15="+(num1+num2)+"<br>"); document.write("150-15="+(num1-num2)+"<br>"); document.write("150*15="+(num1*num2)+"<br>"); document.write("150/15="+(num1/num2)+"<br>"); document.write("(150++)="+(num1++)+"<br>"); document.write("++150="+(++num1)+"<br>"); </script> </body> </html>
運行結果：
比較運算子的使用
<!doctype html> <html> <head> <meta charset="utf-8"> <title>無標題檔案</title> </head> <body> <script type="text/javascript"> var age=30; document.write("age變數的值為:"+age+"<br>"); document.write("age>=26:"+(age>=26)+"<br>"); document.write("age<26:"+(age<26)+"<br>"); document.write("age!=26:"+(age!=26)+"<br>"); document.write("age>26:"+(age>26)+"<br>"); </script> </body> </html>
運行結果：
字串運算子的應用
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>字串運算子</title>
<script type="text/javascript">
var x="小家伙";
var y="HI,";
var z=1;
with(document){
write(y+x);
write("<br><br>");
write(x+"現在"+z+"歲！");
}
</script>
</head>
<body>
</body>
</html>
運行結果：
邏輯與運算子的使用
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>邏輯&&運算子的使用</title>
<script type="text/javascript">
var t=true;
var f=false;
with(document){
write("<ol><li>true && true的結果是：",t&&t);
write("<li>true && false的結果是：",t&&f);
write("<li>false && true的結果是：",f&&t);
write("<li>false && false的結果是：",f&&f);
write("<li>true && (1==1)的結果是：",t&&(1==1));
write("<li>false && 'A'的結果是：",f&&'A');
write("<li>'A' && false的結果是：",'A'&&f);
write("<li>true && 'A'的結果是：",t&&'A');
write("<li>'A' && true的結果是：",'A'&&t);
write("<li>'A' && 'B'的結果是：",'A'&&'B');
}
</script>
</head>
<body>
</body>
</html>
運行結果：
邏輯或運算子的使用
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>邏輯運算子||的使用</title>
<script type="text/javascript">
var t=true;
var f=false;
with(document){
write("<ol><li>true || true的結果是：",t||t);
write("<li>true || false的結果是：",t||f);
write("<li>false || true的結果是：",f||t);
write("<li>false || false的結果是：",f||f);
write("<li>true || (1==1)的結果是：",t||(1==1));
write("<li>false || 'A'的結果是：",f||'A');
write("<li>'A' || false的結果是：",'A'||f);
write("<li>true || 'A'的結果是：",t||'A');
write("<li>'A' || true的結果是：",'A'||t);
write("<li>'A' || 'B'的結果是：",'A'||'B');
}
</script>
</head>
<body>
</body>
</html>
運行結果：
邏輯運算非的使用
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>邏輯運算子！的使用</title>
<script type="text/javascript">
with(document){
write("<li>！true的結果是：",!true);
write("<li>!false的結果是：",!false);
write("<li>'A'的結果是：",!'A');
}
</script>
</head>
<body>
</body>
</html>
運行結果：
條件運算子示例一
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>條件運算子的應用示例一</title>
</head>
<body>
<script type="text/javascript">
var a=10;
var b=10;
alert((a==b)?"正確":"失敗");
</script>
</body>
</html>
運行結果：
條件運算子示例二
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>條件運算子的應用示例二</title>
<script type="text/javascript">
var today=new Date();
document.write("現在的時間是："+today.toLocaleDateString()+"<br><br>");
var hour=today.getHours();
var time=hour<12?hour:hour-12;
document.write(hour<12?"現在是上午"+hour+"點鐘":"現在是下午"+time+"點鐘！");
</script>
</head>
<body>
</body>
</html>
運行結果：
typeof運算子
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>typeof運算子應用示例</title>
</head>
<body>
<script type="text/javascript">
var a=8;
var b="userName";
var c=null;
alert("a的型別為"+(typeof a)+"\nb的型別是"+(typeof b)+"\nc的型別是"+(typeof c));
</script>
</body>
</html>
運行結果：
this運算子應用示例
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>this運算子應用示例</title>
<script>
function validate(obj){
alert("你輸入的值是："+obj.value);
}
</script>
</head>
<body>
請輸入任意字符：<br>
<input type="text" onBlur="validate(this)">
</body>
</html>
運行結果：
運算子優先級應用實體
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>運算子優先級應用實體</title>
</head>
<body>
<script type="text/javascript">
var a=3+4*5;
var b=(3+4)*5;
alert("a="+a+"\nb="+b);
</script>
</body>
</html>
運行結果：
if...else..if..else應用示例
<!doctype html> <html> <head> <meta charset="utf-8"> <title>if...else if應用實體</title> <script language="javascript"> function check(){ var name=form1.user.value; var pwd=form1.pwd.value; if((name=="") || (name==null)){ alert("請輸入用戶名！"); form1.user.focus(); return; } else if((pwd=="") || (pwd==null)){ alert("請輸入密碼！"); form1.pwd.focus(); return; }else{ form1.submit(); } } </script> </head> <body> <form name="form1" method="post" action=""> <table width="300" border="1" bordercolor="#ffffff" cellspacing="0" cellpadding="0" bordercolordark="#cccccc" bordercolorlight="#ffffff"> <tr> <td height="30" colspan="2" bgcolor="#eeeeee">·用戶登錄</td> </tr> <tr> <td width="70" height="30">用戶名：</td> <td width="162"><input name="user" type="text" id="user"></td> </tr> <tr> <td width="70" height="30">密 碼：</td> <td><input name="pwd" type="password" id="pwd"></td> </tr> <tr> <td height="30" colspan="2" align="center"> <input type="button" value="https://www.cnblogs.com/biaobiao88/p/登錄" onClick="return check()"> <input type="button" value="https://www.cnblogs.com/biaobiao88/p/重置"> </td> </tr> </table> </form> </body> </html>
運行結果：
if嵌套陳述句應用實體
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>if嵌套陳述句</title>
<script type="text/javascript">
var a=20,b=a;
if(a<1){
if(b==1)
alert("a小于1，b等于1");
else
alert("a小于1，b不等于1");
}else if(a>8){
if(b==1)
alert("a大于8，b大于1")
else
alert("a大于8，b不等于1");
}
</script>
</head>
<body>
</body>
</html>
運行結果：
switch陳述句應用示例
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>應用switch判斷當前是星期幾</title>
<script type="text/javascript">
var now=new Date();//根據本地時間回傳date物件的日期1~31
var day=now.getDay();//根據本地時間回傳date物件的星期數0~6
var week;
switch(day){
case 1:
week="星期一";
break;
case 2:
week="星期二";
break;
case 3:
week="星期三";
break;
case 4:
week="星期四";
break;
case 5:
week="星期五";
break;
case 6:
week="星期六";
break;
default:
week="星期日"
break;
}
// document.write(now);
document.write("今天是"+week);
</script>
</head>
<body>
</body>
</html>
運行結果：
計算100以內 的奇數和
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>計算100以內奇數的和</title>
<script language="javascript">
var sum=0;
for(i=1;i<100;i+=2){
sum+=i;
}
document.write("100以內的奇數和為："+sum);
</script>
</head>
<body>
</body>
</html>
運行結果：
while回圈累加和不大于10的自然數
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>while回圈累加和不大于10的自然數</title>
<script language="javascript">
var i=1;
var sum=0;
var result="";
document.write("累加和不大于10的所有自然數為：<br>");
while(sum<=10){
sum+=i;
document.write(i+"<br>");
i++;
}
</script>
</head>
<body>
</body>
</html>
運行結果：
continue陳述句應用示例
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>continue應用示例</title>
<script type="text/javascript">
var total=0;
var sum=new Array(1000,1200,100,600,736,1107,1205);
for(i=0;i<sum.length;i++){
if(sum[i]>=1000)
total+=sum[i];
continue;
}
document.write("累加和為："+total);
</script>
</head>
<body>
</body>
</html>
運行結果：
break陳述句應用示例
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>break應用實體</title>
<script type="text/javascript">
var sum=0;
for(i=0;i<100;i++){
sum+=i;
if(sum>10)
break;
}
document.write("0至"+i+"(包括"+i+")之間自然數的累加和為："+sum);
</script>
</head>
<body>
</body>
</html>
運行結果：
with陳述句應用示例
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>with陳述句應用示例</title>
</head>
<body>
<script type="text/javascript">
with(document){
write("限時搶購物品：");
write("<ul><li>ViewSonic 17\"顯示幕");
write("<li>EPSON 列印機");
}
</script>
</body>
</html>
運行結果：
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/181609.html
標籤：JavaScript