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("*");

}

document.write("<br/>");

}

2. js绘画空心金字塔

思想:先画n-i个空格,再画*号,判断j是否处于首末位置,是的话画*,否则画空格,同时最后一行全*

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++){

if(i==n){

document.write("*");

}else if(j=1||j==(2*i-1)){

document.write("*");

}else{

document.write("&nbsp");

}

}

document.write("<br/>");

}

3. js绘画三角形

思想:i行i个*号,注意换行

for(var i=1;i<=n;i++){
  for(h=1;h<=i;h++){
   document.write("*");
  }
       document.write("<br/>");
   }

4.js绘画菱形

思想:先画菱形上半部分(注意空格、*号和行间的关系,注意换行)再画菱形下半部分

//菱形上部分,此处的n表示*号最多的行数
   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("*");
    }
    for(var j=1;j<=n-i;j++){
     document.write("&nbsp");
    }
    document.write("<br/>");
   }
   //菱形下半部分
    for(var i=1;i<=n;i++){
              for(var j=1;j<=i;j++){
                  document.write("&nbsp");
                  }
              for(var j=1;j<=(2*(n-i)-1);j++){
                     document.write("*");
                      }
              //for(var j=1;j<=2*i-1;j++){document.write("&nbsp");}
              document.write("<br/>");
              }

或者

//此处的n为总行数、

var m=(n+1)/2;

for(var i=1;i<=m;i++){
    for(var j=1;j<=m-i;j++){
     document.write("&nbsp");
    }
    for(var j=1;j<=2*i-1;j++){
     document.write("*");
    }
    for(var j=1;j<=m-i;j++){
     document.write("&nbsp");
    }
    document.write("<br/>");
   }
   //菱形下半部分
    for(var i=m+1;i<=n;i++){
              for(var j=1;j<=i-m;j++){
                  document.write("&nbsp");
                  }
              for(var j=1;j<=(2*(n-i+1)-1);j++){
                     document.write("*");
                      } 
              document.write("<br/>");
              }

5. js绘画空心菱形

思想:先画菱形上半部分(注意空格、*号和行间的关系,注意换行)再画菱形下半部分

var m=(n+1)/2;

for(var i=1;i<=m;i++){
    for(var j=1;j<=m-i;j++){
     document.write("&nbsp");
    }
    for(var j=1;j<=2*i-1;j++){

if(j==1||j=2*i-1){

document.write("*");

}else{

document.write("&nbsp");

}
       }
     document.write("<br/>");
   }
   //菱形下半部分
    for(var i=m+1;i<=n;i++){
              for(var j=1;j<=i-m;j++){
                  document.write("&nbsp");
                  }
              for(var j=1;j<=(2*(n-i+1)-1);j++){

if(j==1||j==2*(n-i+1)-1){

document.write("*");

}else{

document.write("&nbsp");

}
                 } 
              document.write("<br/>");
              }

js打印图形的更多相关文章

  1. for 循环打印图形

    public class For { public static void main(String[] args) { //"使用双层for循环打印图形时,外层管行,内层管列",那 ...

  2. js 打印

    关于js打印很简单的一段代码 function doPrint() { var newWindow = window.open("打印窗口", "_blank" ...

  3. js打印html中的内容

    js打印方法 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www. ...

  4. js打印Iframe中的内容,并且不需要预览。

    js打印Iframe中的内容,并且不需要预览 js代码如下: <script type="text/javascript" language="Javascript ...

  5. Threejs 官网 - Three.js 的图形用户界面工具(GUI Tools with Three.js)

    Threejs 官网 - Three.js 的图形用户界面工具(GUI Tools with Three.js) 太阳火神的漂亮人生 (http://blog.csdn.net/opengl_es) ...

  6. js打印

    js打印,其实是打印当前页面的内容,是调用 系统的js方法,来弹出 打印设置窗口,用法很简单. window.print()就行,有的考虑到 浏览器兼容性问题,会用到document.execComm ...

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

    在用js打印局部页面时,遇到用户新输入的内容没能打印出来,经过观察,发现我采用的js打印方法是读取页面源代码,而用户输入的内容如果不将其写入到页面源代码中去,是打印不出来的,下面是我的解决方法: // ...

  8. 使用jquery.PrintArea.js打印网页的样式问题

    在使用jquery.PrintArea.js打印局部网页样式的时候,发现样式打印不出来,在网上找了好多资料,整理一下分享给大家 一.先看看css的引用文件方式 1.直接在内部的元素中使用”style” ...

  9. python中for嵌套打印图形

    # 打印出九九乘法表 1 * 1 = 1 2 * 1 = 2 2 * 2 = 4 3 * 1 = 3 3 * 2 = 6 3 * 3 = 9 4 * 1 = 4 4 * 2 = 8 4 * 3 = 1 ...

随机推荐

  1. DirectX 3d 取景变换

    在世界坐标系中,几何体和摄像机都是相对于世界坐标系定义的.但是当摄像机的位置和朝向任意时,投影变换及其它类型的变的就略显困难或效率不高.为了简化运算,我们将摄像机变的至世界坐标系原点,并将其旋转,使摄 ...

  2. 判断浏览器是否为IE内核的最简单的方法

    没啥说的,直接贴代码,算是ie hack了. if (!+[1,]) { alert('is ie'); }

  3. gastic 安装

    所有文件下载地址: ftp://ftp.broadinstitute.org/pub/GISTIC2.0/ cd /home/software/ tar zxf GISTIC_2_0_22.tar.g ...

  4. nslookup基础用法

    简单介绍 简单介绍如下: 实例:查询163.com域名信息 D:>nslookup Default Server: ns-px.online.sh.cn Address: 202.96.209. ...

  5. [Effective Java]第九章 异常

    声明:原创作品,转载时请注明文章来自SAP师太技术博客( 博/客/园www.cnblogs.com):www.cnblogs.com/jiangzhengjun,并以超链接形式标明文章原始出处,否则将 ...

  6. Iframe刷新父窗口的几种方式

    /*Iframe刷新父窗口的几种方式在iframe的子页面中,使用onload刷新父页面的时候,遇到了一些问题. 1.目前来说,测试成功,并且兼容IE6/7和FF的刷新方式. */ <scrip ...

  7. iOS - Swift NSPoint 位置

    前言 结构体,这个结构体用来表示事物的一个坐标点. public typealias NSPoint = CGPoint public struct CGPoint { public var x: C ...

  8. compile,build和execute的区别

    一个c程序的生成要经历以下步骤: 1.编写文本代码,生成c或cpp文件,这时候它还是文本的: 2.编译,就是compile,由c编译程序对你写的代码进行词法和句法分析,发现并报告错误,有错时编译不能通 ...

  9. SQL.变量、运算符、if、while

    变量: SQL语言也跟其他编程语言一样,拥有变量.分支.循环等控制语句. 在SQL语言里面把变量分为局部变量和全局变量,全局变量又称系统变量. 局部变量: 使用declare关键字给变量声明,语法非常 ...

  10. js的小随笔

    1.在js中{  }中的块级语句没有独立的作用域 var i = 5;for(; i < 8; i++){ console.log(i); } //输出 5 6 7 //全局设置的变量i在for ...