JavaScript編程題(一)


  1. 使用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("&nbsp;&nbsp;#&nbsp;&nbsp;");

 

   }else{

document.write("&nbsp;&nbsp;#&nbsp;&nbsp;");      

 

   }       

 

   }      

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>

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM