用js代码在网页打印菱形（js中打印）

今天给各位分享用js代码在网页打印菱形的知识，其中也会对js中打印进行解释，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开始吧！

本文目录一览：

• 1、如何从页面上输入数字来打印菱形 js
• 2、JavaScript用for循环打印这个菱形。
• 3、js中使用while循环将等腰三角形，倒等腰三角形，菱形，平行四边形，梯形输出
• 4、求助，怎么用javascript输出菱形
• 5、怎么用js输出一个菱形
• 6、用Javascript语言做菱形

如何从页面上输入数字来打印菱形 js

外层for是循环行

内层的两个for是输出每行的空格和*

你出示的这句恰恰体现了用户输入的数字和行之间的关系。

自己写着简单，读别人的就不简单了。因为他没有注释。不扣它也罢。

JavaScript用for循环打印这个菱形。

function Printfile() {

    var num = prompt("请输入菱形的边长(单击确定之后会看到以*为单位长度组成的菱形)");

    for (var i = 1; i = num; i++) //决定输出的行数

    {

        for (var j = 1; j = num - i; j++) //决定每一行开头的空格数

        {

            document.write("nbsp");

        }

        for (var k = 1; k = 2 * i - 1; k++) //决定每一行的*数

        {

            document.write("*");

        }

        document.write("/br");

    }

    for (var i = 1; i = num - 1; i++) //决定输出的行数

    {

        for (var j = 1; j = i; j++) //决定每一行开头的空格数

        {

            document.write("nbsp");

        }

        for (var k = 1; k = 2 * num - 1 - 2 * i; k++) //决定每一行的*数

        {

            document.write("*");

        }

        document.write("/br");

    }

}

调用后让你输入边长，输入之后就会出现菱形。

调用代码：

Printfile();

js中使用while循环将等腰三角形，倒等腰三角形，菱形，平行四边形，梯形输出

for(var i = 0 ; i 6; i++){ //打印多少行;

for(var k = 0 ; k 5 - i; k ++){//打印多少个空格; 5 4 3 2 1 个空格;

document.write(" ")

}

for(var j = 0 ; j 2 * i + 1 ; j++){//打印多少个星星 1 3 5 7 9 11个星星 ;

//找到和i的关系 : 2 * i + 1; i 是 0 1 2 3 4 5

document.writeln("u");//多了一个换行符;但是在chrome中解析为空格。为了格式，所以使用writeln

}

document.write("br");

}

for(var i = 5 ; i = 0; i--){//倒立打印;

for(var k = 0 ; k 5-i; k ++){

document.write(" ")

}

for(var j = 0 ; j 2 * i + 1 ; j++){

document.writeln("u");

}

document.write("br");

}

这是两个屁股连接的等边三角形，你改改里面的循环次数和空格个数就能完成了

求助，怎么用javascript输出菱形

楼主是想知道js怎么画图吧~~如果是这样~·那么你直接百度js画图就行了~~具体怎么写我记不住函数（太长了~~）自己百度吧~~ie有自己的类库~其他标准浏览器用html5就行~~~~

最简单的~~菱形是4条线~·js画4条先计算好开始和结束位置就行~~~

怎么用js输出一个菱形

方法有很多，我用HTML5的canvas写一个，你直接copy然后创建一个HTML文件，用google浏览器或者火狐亦或是高版本的IE打开就可以看到了

!DOCTYPE html

html

head

meta charset="UTF-8"

title/title

style type="text/css"

body{

margin: 0;

padding: 0;

}

#myCanvas{

margin:200px 600px;

border:5px solid #9c9898

}

/style

script type="text/javascript"

window.onload = function(){

var canvas = document.getElementById("myCanvas");

var context = canvas.getContext("2d");

drawLine(context,250,10,490,250,20,"blue","round");

drawLine(context,490,250,250,490,20,"blue","round");

drawLine(context,250,490,10,250,20,"blue","round");

drawLine(context,10,250,250,10,20,"blue","round");

}

function drawLine(context,startX,startY,endX,endY,lineWidth,strokeStyle,lineCap){

context.beginPath();

context.moveTo(startX,startY);

context.lineTo(endX,endY);

context.lineWidth = lineWidth;

context.strokeStyle = strokeStyle;

context.lineCap = lineCap;

context.stroke();

}

/script

/head

body

canvas id="myCanvas" width="500" height="500"/canvas

/body

/html

用Javascript语言做菱形

代码如下，你要的菱形

HTML

HEAD

TITLE New Document /TITLE

script

function draw(){

var line = parseInt(document.getElementById("myvalue").value);

var lineTemp = line%2;

if(0==lineTemp){

alert("函数必须是奇数");

return;

}

lineTemp = parseInt(line/2);

alert("line="+line+" lineTemp="+lineTemp);

var strArr = new Array();

for(var i=0;ilineTemp;i++){

for(var j=0;jline;j++){

if(((j+i)==lineTemp)||((j-i)==lineTemp)){

strArr.push("*");

}else{

strArr.push(" ");

}

}

strArr.push("br");

}

for(var i=lineTemp;iline;i++){

for(var j=0;jline;j++){

if(((j+i)==3*lineTemp)||((i-j)==lineTemp)){

strArr.push("*");

}else{

strArr.push(" ");

}

}

strArr.push("br");

}

document.getElementById("mydiv").innerHTML = strArr.join('');

}

/script

/HEAD

BODY

请输入奇数：input type="text" value="3" id="myvalue"

input type="button" onclick="draw()" value="show"

div id="mydiv"/div

/BODY

/HTML

关于用js代码在网页打印菱形和js中打印的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。