JavaScript实现打印星型金字塔功能实例分析
本文实例讲述了JavaScript实现打印星型金字塔功能。分享给大家供大家参考，具体如下：
让你用其它语言写也是完全一样的道理，
这道题估计大家在学习C语言的时候就见过……
也就是打印以下的鬼东西：
当时候看到循环结构的时候觉得很无聊，就相当不屑这题，没有好好仔细想想，
因为要是放在JavaScript完全可以这样写，甚至还不算是JavaScript，仅仅就是一个html：
<html> <head> <meta http-equiv="content-type" content="text/html;charset=gb2312"/> </head> <body> ＆nbsp;＆nbsp;* ＆nbsp;*** ***** ＆nbsp;*** ＆nbsp;＆nbsp;* </body> </html>
这里之所以不用utf-8编码是因为utf-8对于nbsp的处理与*的字体会导致排版错乱，就是不是用标准的宋体字，从而导致最终的结果无法查看。
反正你出题人出多少行，我都可以复制粘贴上面的内容完全可以实现，但是，今天编程编到一定量，有点大数据概念的时候，又见到这题，仔细思考了一下，要是出题人要求输出二十万行这样中间轴对称的星型金字塔，我TMD就呵呵了。
所以还是要彻底搞明白这个怎么实现，虽然在实际的编程中不会出现这样的编程，但是，据说一些无聊的面试还是会出这题，至少，后来者问你C语言的时候，问你如果输出二十万行这样的中间轴对称的星型金字塔，你还是要会，这题如果第一次做不好做的。
一、基本目标
首先弹出一个输入框，让用户输入一个奇数，毕竟轴对称需要一个奇数，
然后为了程序的健壮性，必须对用户输入的东西进行判断，如果输入的不是奇数，就弹出提示，不再执行后面的程序，怎么JavaScript判断一个奇数，我已经在《JavaScript对数字的判断与处理》说过，这里不再进行赘述。
考虑到浏览器的负载，这里，用户输入的奇数，我只允许去到189，你调大一点也可以，189由于在我的电脑里面感觉还可以，所以才定这个数的，没有什么特别的意义，乱输入的，不是故意测试的。
输入一个189行，IE已经弹出“中止脚本”的提示了，但不中止也完全没有问题！
运行结果如下：
如果是在写C语言程序或者其他程序，这个值绝对可以定大一点！
二、基本思想
这个弄懂就非常好写了。
首先，我们仅仅是要在*的左边输出空格，右边就没有必要输出空格了，输完*就直接换行
分两部分，一部分是上半部分i<=n/2的时候，另一部分是下半部分i>n/2的时候，
之所以要这样分是因为这两部分输出的*号与输出的空格数是不同的。
之后就是初中都会的找规律问题了，反正我就找到了如上的规律，编程运行时没有问题，其它数学帝找到更牛B的表达式，小弟甘拜下风。
三、制作过程
代码非常简单，就是条件结构与循环结构的表达，上面的思想弄懂了，不用说了。
这里可能会有人觉得奇怪，为何我要先n++然后n%2!=0再来判断，也就是判断n+1是偶数来判断n是否奇数，
这里主要是为了迎合下面的for循环结构……
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=gb2312"/>
</head>
<body>
</body>
</html>
<script>
var i,j,k,n;
n=window.prompt("请输入要输出的行数n，为了形成轴对称，所以你输出的必须是奇数！");
if(isNaN(n)||!n)
alert("你输入的不是数！");
else{
n++;
if(n%2!=0)
alert("你输入的不是奇数！");
else if(n>190){
alert("不要这么大嘛！臣妾做不到啊！");
}
else{
for(i=1;i<n;i++){
if(i<=n/2){
for(k=n/2-i;k>0;k--)
document.write("＆nbsp;");
for(j=0;j<2*i-1;j++)
document.write("*");
}
else{
for(k=i-n/2;k>0;k--)
document.write("＆nbsp;");
for(j=0;j<2*(n-i)-1;j++)
document.write("*");
}
document.write("<br>");
}
}
}
</script>
说多了也是泪，自己体会……
更多关于JavaScript相关内容感兴趣的读者可查看本站专题：《JavaScript数学运算用法总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript数组操作技巧总结》、《JavaScript排序算法总结》、《JavaScript遍历算法与技巧总结》、《JavaScript查找算法技巧总结》及《JavaScript错误与调试技巧总结》
希望本文所述对大家JavaScript程序设计有所帮助。
相关推荐
-
javascript打印输出json实例
复制代码 代码如下: <!DOCTYPE html PUBliC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN"><head><
-
js 实现打印网页中定义的部分内容的代码
1.在页面的代码头部处加入 JavaScript: 复制代码 代码如下: <script language=javascript> function doPrint() { bdhtml=window.document.body.innerHTML; sprnstr="<!--startprint-->"; eprnstr="<!--endprint-->"; prnhtml=bdhtml.substr(bdhtml.indexO
-
javascript 打印内容方法小结
一般打印就用window.print();就OK了 但是一般都是选择性打印所以会调用方法: 复制代码 代码如下: function preview() { bdhtml=window.document.body.innerHTML; sprnstr="<!--startprint-->"; eprnstr="<!--endprint-->"; prnhtml=bdhtml.substr(bdhtml.indexOf(sprnstr)+17);
-
js循环输出图片，不足的要补0 原创
我想把001.gif~285.gif显示在网页上.JS如果实现? HTML 是这样写 <img src=001.gif> <img src=002.gif> ... <img src=010.gif> <img src=011.gif> ... <img src=285.gif> 解决方法: var i,istr,ii for(i=1;i"; document.write(imgstr); } function right(main
-
javascript 局部页面打印实现代码
ie自带的有Active控件,但火狐不支持.这里使用的是js操作dom方法对窗体指定标记内文字进行打印,所以使用时需要定义相关的标签及其样式(文字大小.字体之类). 复制代码 代码如下: <script type="text/javascript"> ///*********************** ///打印指定区域页面 ///说明:obj–通过getElementById或其它方式获取标签标识,打印此obj内的文字 ///日期:2009-8-7 function s
-
javascript实现输出指定行数正方形图案的方法
本文实例讲述了javascript实现输出指定行数正方形图案的方法.分享给大家供大家参考.具体如下: javascript实现输出指定行数的正方形图案:点击生成图案,会有2个提示框,1,输入图案的组成字符,只能是1个字符哦2,输入正方形行数,路过大于10,会设置为10行数 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd
-
jsp/javascript打印九九乘法表代码
jsp表达式方式: 复制代码 代码如下: <center> <table border="1"> <% for (int i = 1; i <= 9; i++) { %> <tr> <% for (int j = 1; j <= 9; j++) { %> <td> <% if (j <= i) { %> <%=i%>*<%=i%>=<%=i * j%>
-
js fromCharCode输出26个字母的代码
var a="";for(var i=65;i [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
-
jsvascript图像处理—(计算机视觉应用)图像金字塔
前言 上一篇文章,我们讲解了边缘梯度计算函数,这篇文章我们来了解图像金字塔. 图像金字塔? 图像金字塔被广泛用于计算机视觉应用中. 图像金字塔是一个图像集合,集合中所有的图像都源于同一个原始图像,而且是通过对原始图像连续降采样获得的. 常见的图像金字塔有下面两种: •高斯金字塔(Gaussian pyramid): 用来向下采样 •拉普拉斯金字塔(Laplacian pyramid): 用来从金字塔低层图像重建上层未采样图像 高斯金字塔 类似金字塔一样,高斯金字塔从底层原始图逐渐向下采样,越来越
-
JavaScript实现打印星型金字塔功能实例分析
本文实例讲述了JavaScript实现打印星型金字塔功能.分享给大家供大家参考,具体如下: 让你用其它语言写也是完全一样的道理, 这道题估计大家在学习C语言的时候就见过-- 也就是打印以下的鬼东西: 当时候看到循环结构的时候觉得很无聊,就相当不屑这题,没有好好仔细想想, 因为要是放在JavaScript完全可以这样写,甚至还不算是JavaScript,仅仅就是一个html: <html> <head> <meta http-equiv="content-type&q
-
JavaScript实现简单的图片切换功能(实例代码)
代码如下所示: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>图片切换</title> <style> *{ margin: 0; padding: 0; } .box{ width: 200px; height: 300px; margin: 50px auto; padding: 20p
-
javascript基于定时器实现进度条功能实例
本文实例讲述了javascript基于定时器实现进度条功能.分享给大家供大家参考,具体如下: Javascript 中的定时器 window度一线下面的方法 window.setInterval() 启动定时器 1.setInterval(function(函数),time(每隔多少时间执行一次函数,单位是毫秒)) 会重复执行某项操作 2.setTimeout 运用在延迟一段时间,再进行某项操作 setTimeout(function,time) ,setTimeout 不会重复! 停止定时器
-
JS长整型精度问题实例分析
本文实例分析了一个JS长整型精度问题.分享给大家供大家参考.具体分析如下: 问题描述: 后台有一个脚本功能,可编写脚本动态调用Java代码 复制代码 代码如下: importClass(com.ztgame.center.controller.api,P360ApiController); var roleId = 10214734953631045; p360ApiController.notice(roleId, 4); 脚本执行成功,但运行结果与设定不一样,此人没有收到邮件 查看日志
-
js多个物体运动功能实例分析
本文实例分析了js实现的多个物体运动功能.分享给大家供大家参考,具体如下: 与单个的区别:得知道哪个在动,所以运动函数需要两个参数,出了目标iTarget之外,还要obj.另外需要多个计数器,否则当一个还没运动完就移入另一个物体会发生卡壳 window.onload=function(){ var aDiv=document.getElementsByTagName("div"); var timer=null; var i; for(i=0;i<aDiv.length;i++)
-
javascript性能优化之DOM交互操作实例分析
本文实例讲述了javascript性能优化之DOM交互操作技巧.分享给大家供大家参考,具体如下: 在javascript各个方面,DOM毫无疑问是最慢的一部分.DOM操作与交互要耗费大量时间,因为它们往往需要重新渲染整个页面或者某一部分.理解如何优化与DOM的交互可以极大提高脚本完成的速度. 1.最小化DOM更新 看下面例子: var list = document.getElementById("ul"); for (var i=0; i < 10; i++){ var ite
-
JavaScript调用浏览器打印功能实例分析
本文实例讲述了JavaScript调用浏览器打印功能的方法.分享给大家供大家参考.具体如下: 1. 通用型,支持IE,Firefox,Chrome... 复制代码 代码如下: window.print(); 2. 只支持IE打印: <script> var print=function(){ /** * WebBrowser.ExecWB(1,1) 打开 * Web.ExecWB(2,1) 关闭现在所有的IE窗口,并打开一个新窗口 * Web.ExecWB(4,1) 保存网页 * Web.Ex
-
javascript设计模式 – 迭代器模式原理与用法实例分析
本文实例讲述了javascript设计模式 – 迭代器模式原理与用法.分享给大家供大家参考,具体如下: 介绍:迭代器模式是一种使用频率非常高的设计模式,通过引入迭代器,可以将数据的遍历功能从聚合对象中分离出来.迭代器模式用于顺序访问集合对象的元素,不需要知道集合对象的底层表示. 定义:提供一种方法来访问聚合对象,而不用暴露这个对象的内部表示,其别名为游标(Cursor).迭代器模式是一种对象行为型模式. 场景:我们做一个百家姓的迭代器 示例: function NameRepository(){
-
正则表达式验证IPV4地址功能实例分析
本文实例讲述了正则表达式验证IPV4地址功能.分享给大家供大家参考,具体如下: IPV4地址由4个组数字组成,每组数字之间以.分隔,每组数字的取值范围是0-255. IPV4必须满足以下四条规则: 1.任何一个1位或2位数字,即0-99: 2.任何一个以1开头的3位数字,即100-199: 3.任何一个以2开头.第2位数字是0-4之间的3位数字,即200-249: 4.任何一个以25开头,第3位数字在0-5之间的3位数字,即250-255. 这样把规则全部罗列出来之后,构造一个正则表达式的思路就
-
js上传图片及预览功能实例分析
本文实例讲述了js上传图片及预览功能.分享给大家供大家参考.具体分析如下: 参考了网上一些人代码写了一个上传图片及时预览的功能 <img id="imgTag" style="height: 100px;" alt="" /> <input type="file" /> function DisplayImage(fileTag,imgTagId){ var allowExtention=".