javascript实现了输出指定线条的方形图案的方法

本文描述了javascript输出指定行数的正方形模式的方法。分享给大家参考。具体如下：

Javascript实现指定行数的正方形图案输出：点击生成图案，会出现两个提示框。1.输入图案的组成字符，只能是一个字符。2.输入方形线的数量。如果通过数大于10，将设置为10行。

！doctype HTML public '-//W3C//dtd HTML 4.01 Transitional//en ' ' http://www.w3.org/tr/html4/loose.dtd' HTML head title生成square/title script type=' text/Javascript '//动态测量字符宽度，传入字符，放入span，判断宽度变化，返回函数get _ width(付梓){ if(cwidth . innerhtml . length 0)cwidth . innerhtml=' '；//通过元素传递，空var old width=cwidth . offsetwidth；cwidth.innerHTML=付梓；var付梓_ width=cwidth . offsetwidth-old width；cwidth.innerHTML=//alert(付梓_ width)；返回付梓_宽度；}//输出平方函数函数create () {vartuxing=prompt('请输入一个模式，必须是1个字符')；//图案，a if(tuxing==null | | tuxing==' ' | | tuxing . length 1){ alert('请输入图片，图案必须为1个字符')；返回false}//提示框，输入行数var count=prompt('请在方块中输入行数')；如果(count==null | | count==' ' | | count 1 | | isnan(count)){ alert('您输入的行数有问题，1。它不能为空。它不能大于1 3。它不能是非数字')；返回false}//根据行数，得到字符窜if(count 10){ count=10；Alert('输入的行数大于10，自动修改为10 ')；} var hangstr=for(I=1；I=计数；I){ hang str=tuxing“”；//判断文档长度是否超过if(get _ width(hang str)maxw-100){ alert('过长行')；计数=I-1；hangstr=oldhangstr打破；} oldhangstr=hangstr}//生成图形字符串var tustr=//的图形字符串(I=1；I=计数；I)tustr=hang str ' br/'；//将图形字符串放入图形层zengfang.innerHTML=tustr}/script/head body div id=' Zeng Fang '在此处显示图形/div输入类型=' button ' value=' generate square pattern ' onclick=' create()' br span id=' cwidth '/span！-测试获得的字符串的宽度，因为行数太大，这将超出文档范围。而输入类型=' text '值id=' text1 '输入类型=' button '值=' display character width ' onclick=' get _ width(text 1。value)'-脚本类型=' text/JavaScript ' var maxh=document . body . client height；//文档高度平方的最大长度varmaxw=document . body . client width；//文档宽度，最大平方长度//alert(maxh)；//alert(maxw)；/脚本/正文/html渲染：

图案字符：a，行数：5

希望这篇文章对你的javascript编程有所帮助。