首页 理论教育 使用循环输出直角三角形图案基于JavaScript网页编程

使用循环输出直角三角形图案基于JavaScript网页编程

时间:2023-10-18 理论教育 版权反馈
【摘要】:完成本任务所用到的主要知识点:for循环循环的嵌套使用document对象的write()方法输出文本和HTML标签运行包含JavaScript的网页使用Javascript循环语句在页面中输出三角形图案,三角由星号组成。图上机1.1三角形图案仔细观察可发现此三角形由五行星号构成,而每一行中包含的星号个数与此行的行号相同。图上机1.2警告信息此时,为使脚本能被执行,应单击这个警告信息,在弹出的菜单中选择“允许阻止的内容”选项。

使用循环输出直角三角形图案基于JavaScript网页编程

完成本任务所用到的主要知识点:

➢for循环

➢循环的嵌套

➢使用document对象的write()方法输出文本和HTML标签

➢运行包含JavaScript的网页

使用Javascript循环语句在页面中输出三角形图案,三角由星号组成。如图上机1.1所示。

图上机1.1 三角形图案(www.xing528.com)

仔细观察可发现此三角形由五行星号构成,而每一行中包含的星号个数与此行的行号相同。假设有变量i表示行号,那么变量i的值应在1~5循环增长,再假设变量j表示某个星号在它所在的行中是第几个星号,则变量j的值应在1~i循环增长。可考虑使用两层循环语句,外层循环使用变量i控制行数,内层循环使用变量j控制这一行中星号的个数,某一行输出完成时还需要额外输出换行标签。

(1)创建网页文档,编写网页的基本结构代码。

(2)在网页正文<body></body>标签内添加<script></script>标签,并为它设置type属性,值为text/javascript,然后在其中编写脚本代码。

(3)在浏览器中测试运行此网页。注意:在浏览器运行包含脚本的本地网页时,会在文档正文区域顶部弹出警告信息,如图上机1.2所示。

图上机1.2 警告信息

此时,为使脚本能被执行,应单击这个警告信息,在弹出的菜单中选择“允许阻止的内容”选项。

免责声明:以上内容源自网络,版权归原作者所有,如有侵犯您的原创版权请告知,我们将尽快删除相关内容。

我要反馈