星空网 > 软件开发 > Java

JavaScript编程题(一)

  1. 使用Javascript脚板输出如图所示的效果页面:

               使用document.write()输出水平线

                使用循环控制每个水平线的长度

JavaScript编程题(一)

答案:<!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 >  

<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行。

页面效果如图所示:

JavaScript编程题(一)

JavaScript编程题(一)

提示:

》首先声明一个变量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 >

  <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()方法在页面上弹出提示,根据每个用户输入的星期一致星期日的不同,弹出不同的信息。要求如下。

》输入星期一时弹出“新的一周开始了”

》输入星期二,星期三,星期四时弹出“努力学习吧!!”

》输入星期五时弹出“明天就是周末了”

》输入其他内容时弹出“放松休息”

效果如图:

JavaScript编程题(一)

 

JavaScript编程题(一)

答案:

 

<!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 >  

<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>

 




原标题:JavaScript编程题(一)

关键词:JavaScript

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

关于中美贸易战的一些思考分享,这几点值得深思!:https://www.ikjzd.com/articles/91705
精髓分享!2019年独立站选品的好地方:https://www.ikjzd.com/articles/91707
为什么Listing 被下架? 为什么被关店?账户安全指南请收好!:https://www.ikjzd.com/articles/91708
亚马逊无货源模式之五大运营技巧!:https://www.ikjzd.com/articles/91709
如何判断速卖通代运营服务商靠不靠谱?以下几点必须知道!:https://www.ikjzd.com/articles/91715
反制来袭!6月1日正式生效!:https://www.ikjzd.com/articles/91720
深圳玉龙公园簕杜鹃花海花期时间+门票+交通:https://www.vstour.cn/a/365174.html
出境旅游预订须知:https://www.vstour.cn/a/365175.html
相关文章
我的浏览记录
最新相关资讯
海外公司注册 | 跨境电商服务平台 | 深圳旅行社 | 东南亚物流