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(" ");
}
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(" ");
}
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(" ");
}
}
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(" ");
}
for(var j=1;j<=2*i-1;j++){
document.write("*");
}
for(var j=1;j<=n-i;j++){
document.write(" ");
}
document.write("<br/>");
}
//菱形下半部分
for(var i=1;i<=n;i++){
for(var j=1;j<=i;j++){
document.write(" ");
}
for(var j=1;j<=(2*(n-i)-1);j++){
document.write("*");
}
//for(var j=1;j<=2*i-1;j++){document.write(" ");}
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(" ");
}
for(var j=1;j<=2*i-1;j++){
document.write("*");
}
for(var j=1;j<=m-i;j++){
document.write(" ");
}
document.write("<br/>");
}
//菱形下半部分
for(var i=m+1;i<=n;i++){
for(var j=1;j<=i-m;j++){
document.write(" ");
}
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(" ");
}
for(var j=1;j<=2*i-1;j++){
if(j==1||j=2*i-1){
document.write("*");
}else{
document.write(" ");
}
}
document.write("<br/>");
}
//菱形下半部分
for(var i=m+1;i<=n;i++){
for(var j=1;j<=i-m;j++){
document.write(" ");
}
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(" ");
}
}
document.write("<br/>");
}
js打印图形的更多相关文章
- for 循环打印图形
public class For { public static void main(String[] args) { //"使用双层for循环打印图形时,外层管行,内层管列",那 ...
- js 打印
关于js打印很简单的一段代码 function doPrint() { var newWindow = window.open("打印窗口", "_blank" ...
- js打印html中的内容
js打印方法 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www. ...
- js打印Iframe中的内容,并且不需要预览。
js打印Iframe中的内容,并且不需要预览 js代码如下: <script type="text/javascript" language="Javascript ...
- Threejs 官网 - Three.js 的图形用户界面工具(GUI Tools with Three.js)
Threejs 官网 - Three.js 的图形用户界面工具(GUI Tools with Three.js) 太阳火神的漂亮人生 (http://blog.csdn.net/opengl_es) ...
- js打印
js打印,其实是打印当前页面的内容,是调用 系统的js方法,来弹出 打印设置窗口,用法很简单. window.print()就行,有的考虑到 浏览器兼容性问题,会用到document.execComm ...
- js打印保存用户输入的内容
在用js打印局部页面时,遇到用户新输入的内容没能打印出来,经过观察,发现我采用的js打印方法是读取页面源代码,而用户输入的内容如果不将其写入到页面源代码中去,是打印不出来的,下面是我的解决方法: // ...
- 使用jquery.PrintArea.js打印网页的样式问题
在使用jquery.PrintArea.js打印局部网页样式的时候,发现样式打印不出来,在网上找了好多资料,整理一下分享给大家 一.先看看css的引用文件方式 1.直接在内部的元素中使用”style” ...
- 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 ...
随机推荐
- jquery 之height(),innerHeight(),outerHeight()方法区别详解
在jQuery中,获取元素高度的函数有3个,它们分别是height(). innerHeight().outerHeight(). 与此相对应的是,获取元素宽度的函数也有3个,它们分别是width() ...
- 1:CSS中一些@规则的用法小结 2: @media用法详解
第一篇文章:@用法小结 第二篇文章:@media用法 第一篇文章:@用法小结 这篇文章主要介绍了CSS中一些@规则的用法小结,是CSS入门学习中的基础知识,需要的朋友可以参考下 at-rule ...
- ALV详解:OO SALV
声明:原创作品,转载时请注明文章来自SAP师太技术博客( 博/客/园www.cnblogs.com):www.cnblogs.com/jiangzhengjun,并以超链接形式标明文章原始出处,否则将 ...
- poj 1279 -- Art Gallery (半平面交)
鏈接:http://poj.org/problem?id=1279 Art Gallery Time Limit: 1000MS Memory Limit: 10000K Total Submis ...
- 【网络流24题----03】Air Raid最小路径覆盖
Air Raid Time Limit: 2000/1000 MS (Java/Others) Memory Limit: 65536/32768 K (Java/Others)Total Su ...
- T-SQL Apply的用法
SQL Server 2005 新增 cross apply 和 outer apply 联接语句,增加这两个东东有啥作用呢? 我们知道有个 SQL Server 2000 中有个 cross joi ...
- 一切都是对象 Thinking in Java 第二章
2.1 用引用操作对象 1.对象和引用联系起来,就可以通过引用来操作对象: 2.引用亦可单独存在,即没有和任何对象联系起来:对没有和对象联系起来的引用操作,会报错: 2.2 必须由你创建所有对象 1. ...
- Linux_查看进程
1. 静态: ps -aux 2. 动态: top 3.
- 展讯DTS路径及编译
DTS路径:/kernel/arch/arm/boot/dts 如何查找修改当前TP的DTS配置(分辨率)的文件:1.查找make file,找关键字都包含CONFIG_MACH,在/kernel/a ...
- python paramiko模块SSH自动登录linux系统进行操作
1). Linux系统首先要开启SSH服务:service ssh status 如果没安装的话,则要:apt-get install openssh-server service ssh resta ...