- 使用Javascript腳板輸出如圖所示的效果頁面:
使用document.write()輸出水平線
使用循環控制每個水平線的長度
答案:<!doctype html> <html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus®">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>Document</title>
</head>
<body style="text-align:center">
<script type="text/javascript">
var n=window.prompt("輸入打印金字塔的行數");
for(var i=0;i<=n;i++){
for(var j=i;j<=n-1;j++){
document.write("______");
}
document.write("<br/>");
} for(var i=0;i<=n;i++){
for(var j=0;j<=i-1;j++){
document.write("______");
}
document.write("<br/>");
}
</script>
</body>
</html>
2、使用javascript腳本在頁面上輸出正方形,要求如下。
()使用prompt()方法輸入正方形的行數.
(2)無論輸入的正方形行數是否大於10,輸出的正方形最多為10行。
頁面效果如圖所示:
提示:
》首先聲明一個變量num來保存prompt()方法獲取輸入的行數
》使用if判斷num是否大於10,如果大於十,就賦值num=10,
》可以使用雙重循環顯示正方形,外層顯示行數,內層顯示每行顯示的“#個數”
答案:
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus®">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>Document</title>
</head>
<body style="text-align:center">
<script type="text/javascript">
var n=window.prompt("請輸入正方形的行數:","");
for(var i=0;i<=n-1;i++){
for(var j=0;j<=n-1;j++){
if(n>10){
n=10
document.write(" # ");
}else{
document.write(" # ");
}
}
document.write("<br/>"); }
</script>
</body>
</html>
3、使用prompt()方法在頁面上彈出提示,根據每個用戶輸入的星期一致星期日的不同,彈出不同的信息。要求如下。
》輸入星期一時彈出“新的一周開始了”
》輸入星期二,星期三,星期四時彈出“努力學習吧!!”
》輸入星期五時彈出“明天就是周末了”
》輸入其他內容時彈出“放松休息”
效果如圖:
答案:
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus®">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>Document</title>
</head>
<body style="text-align:center">
<script type="text/javascript">
var n=window.prompt("請輸入今天是星期幾:");
switch(n){ case "星期一": window.alert("新的一周開始了"); break;
case "星期二": window.alert("努力學習吧!!"); break;
case "星期三": window.alert("努力學習吧!!"); break;
case "星期四": window.alert("努力學習吧!!"); break;
case "星期五": window.alert("明天就是周末了"); break;
case "星期六": window.alert("放松休息"); break;
case "星期日": window.alert("放松休息"); break;
default: window.alert("輸入的星期有誤!"); break;
}
</script>
</body>
</html>