JS打印金字塔

今晚学习JavaScript,利用for循环打印了半边金字塔和完整金字塔,将所学心得记录下来。

首先是半边金字塔:

  代码如下: 

 1 <script type="text/javascript">
 2     //n为层数
 3     var n = 10;
 4     //外层for循环控制层数
 5     for(var i = 0; i < n; i++){
 6         //内层for循环控制星星的数量
 7         //J<=i是让星星的数量刚好等于层数
 8         for(var j = 0; j <= i; j++){
 9             document.write("*");
10         }11      //打完这层换行
12         document.write("<br/>");
13     }
14 </script>

效果图:

  



完整金字塔

  代码如下:

    

 1 <script type="text/javascript">
 2     //n控制层数
 3     var n = 10;
 4     for(var i = 1; i <= n; i++){
 5         //每层空格数量为n减i,n为总层数,i是第几层
 6         for(var j = 1; j <= n-i; j++){
 7             document.write("&nbsp");
 8         }
 9         //每层星星数量为[2*(i-)+1]个,
10         for(var k = 1; k <= 2*(i-1)+1; k++){
11             document.write("*");
12         }
13         //打完一层换行
14         document.write("<br>");
15     }
16 </script>        

  效果图:  第一个星星对不齐是因为图形的原因。

    

原文地址:https://www.cnblogs.com/dantayihao/p/9410868.html

时间: 2024-10-05 12:49:39

JS打印金字塔的相关文章

JS打印和报表输出

JS打印和报表输出2008-07-15 22:16一打印: 转自:http://hi.baidu.com/afei0211/blog/item/20523955ca8bebc2b745ae98.html (1) 在实际应用中!特别是一些公司需要报表输出和打印!这个时候我们就会用到JS的打印和报表输出功能!当然打印很简单就是window.print();你也可以在按钮的onclick事件中写上return print()可以实现打印效果!这个时候打印你会发现打印出来的是整个页面,包裹着网站的log

JS打印等腰三角形

初来乍到,写个JS小程序压压惊.以下为JS打印等腰三角形的简单例子. <!DOCTYPE html><html>    <head>        <meta charset="UTF-8">        <title>打印等腰三角形</title>        <script type="text/javascript">            window.onload =

Java 打印金字塔 or 打印带数字的金字塔 (Java 学习中的小记录)

Java 打印金字塔 or 打印带数字的金字塔 (Java 学习中的小记录) 作者:王可利(Star·星星) 效果图: 代码如下: 1 class Star8 2 { 3 public static void main(String[] args) 4 { 5 /* 空格 6 * 1 2*i-1 3 4-1 4-i 7 *** 3 2 4-2 8 ***** 5 1 4-3 9 ******* 7 0 4-4 10 */ 11 //第一层循环控制的是行数 12 for(int i = 1;i<=

js打印,预览的功能.希望采纳.

原文:js打印,预览的功能.希望采纳. 源代码下载地址:http://www.zuidaima.com/share/1550463625202688.htm js打印,预览的功能.希望采纳.

转 js打印

JS打印 Javascript网页打印大全 普通打印(整页打)      打印网页内部分内容(自定义)        打印去掉/添加页眉页脚            使用外部控件/方法实现多功能打印            打印背景 以上为代码控制 设置“页面设置”实现打印参数设置(Window系统图文版) 一.普通打印(整页打) 这个不用多说,直接用 引用:window.print(); 二.打印网页内部分内容(自定义) 分三种方法实现 1.用css控制 引用:@media print .a {d

js打印保存用户输入的内容

在用js打印局部页面时,遇到用户新输入的内容没能打印出来,经过观察,发现我采用的js打印方法是读取页面源代码,而用户输入的内容如果不将其写入到页面源代码中去,是打印不出来的,下面是我的解决方法: //获取标签自身 jQuery.fn.outerHTML = function (s) { return (s) ? this.before(s).remove() : $("<Hill_man>").append(this.eq(0).clone()).html(); }; St

js打印图形

1. js绘画金字塔 思想:先画n-i个空格,再画2*i-1个*号,再画n-i个空格(此处可以省略),一行画完之后换行:循环下一行(先判断每行的空格数和*号与行数间的关系) var  n=window.prompt(); for(var i=1;i<=n;i++){ for(var j=1;j<=n-i;j++){ document.write("&nbsp"); } for(var j=1;j<=2*i-1;j++){ document.write(&quo

pdf.js打印

为了使在不同浏览器上打印显示页面一样,最终选择使用pdf.js打印效果. 直接把下载的pdf文件夹放到项目的js目录下 页面上 <a  target="_blank" style="position:absolute;" id="jump"><span></span></a> <a class="btn btn-primary print_"  href="jav

流程控制之打印金字塔

# 打印金字塔''' max_level=5 * current_level=1 空格数=4 星号=1 *** current_level=2 空格数=3 星号=3 ***** current_level=3 空格数=2 星号=5 ******* current_level=4 空格数=1 星号=7********* current_level=5 空格数=0 星号=9'''max_level = 5for current_level in range(1,max_level + 1): for