直角三角形

 <script type="text/javascript">
for(var i=1;i<=8;i++){
for(var j=1;j<=i;j++){//j 指的是*的个数
  document.write("*");
}
document.write('<br>');
}
document.write("<hr />");//增加一个分割线
document.write("<hr />");//增加一个分割线 </script>

直角三角形

倒直角三角形

 <script type="text/javascript">
for(var i=1;i<=8;i++){ //控制行
for(var j=1;j<=8-i;j++){ //控制列
  document.write("*");
} document.write('<br>');
}
document.write("<hr />");
document.write("<hr />");//增加一个分割线
</script>

倒直角三角形

斜三角形

 <script type="text/javascript">
for (var i = 1; i <= 6; i++) {
for (var j = 1; j <= 6-i; j++) {//j 指的是空格的个数
document.write(" ");
} for (var k = 1; k <= i; k++) {
document.write("*");
}
document.write("<br />");
}
document.write("<hr />");
</script>

斜三角形

等腰三角形

 <script type="text/javascript">
for (var i = 1; i <= 6; i++) {
for (var j = 1; j <= 6-i; j++) {//j 指的是空格的个数
document.write(" ");
} for (var k = 1; k <= i; k++) {
document.write("*");
}
document.write("<br />");
}
document.write("<hr />");
document.write("<hr />");
</script> <script type="text/javascript">
for (var i= 1; i <= 5; i++) {
for (var j = 1; j <= 5-i; j++) {
document.write(" ");
} for (var k = 1; k <= i*3-2; k++) {//i*3-2越大,三角形越宽
document.write("*");
}
document.write("<br />");
}
document.write("<hr />");
document.write("<hr />");
</script>

等腰三角形

菱形

 <script type="text/javascript">
for (var i = 1; i <= 5; i++) {
for (var j = 1; j <= (5-i); j++) {
document.write(" ");
} for (var k = 1; k <= i*2-1; k++) {
document.write("*");
}
document.write("<br />");
}
for (var i = 1; i <= 4; i++) {
for (var j = 1; j <= i; j++) {
document.write(" ");
}
for (var k = 1; k <= (4-i)*2+1; k++) {
document.write("*");
}
document.write("<br />");
}
document.write("<hr />");
document.write("<hr />");
</script> <!--<div style="text-indent:0.5em">-->
<script type="text/javascript">
for (var i = 1; i <= 5; i++) {
for (var j = 1; j<= (5-i); j++) { //j 指的是空格的个数
// document.write(" ");
document.write(j);
} for (var k= 1; k <= i*2-1; k++) {
document.write("*");
}
document.write("<br />");
}
for (var i = 1; i<= 4; i++) {
for (var j = 1; j<= i; j++) {
document.write(" ");
}
for (var k = 1;k <= (4-i)*2+1; k++) {
document.write("*");
}
document.write("<br />");
}
document.write("<hr />");
document.write("<hr />");
</script>
<!--</div>-->

菱形

99乘法表

 <script type="text/javascript">
for(var n=1;n<=9;n++) { //控制行
for (var m = 1; m <= n ; m++) { //控制列
var b = m * n;
document.write(m + "x" + n + "=" + b + " ");
} document.write('<br/>');
document.write('<br/>');//为了增加行与行的间距
} document.write("<hr />");//增加一个分割线
</script>

9*9乘法表

												

JS在浏览器中输出各种三角形的更多相关文章

  1. Elasticsearch.js 发布 —— 在Node.js和浏览器中调用Elasticsearch(1)

    继PHP.Ruby.Python和Perl之后,Elasticsearch最近发布了Elasticsearch.js,Elasticsearch的JavaScript客户端库.可以在Node.js和浏 ...

  2. Elasticsearch.js 发布 —— 在Node.js和浏览器中调用Elasticsearch

    继PHP.Ruby.Python和Perl之后,Elasticsearch最近发布了Elasticsearch.js,Elasticsearch的JavaScript客户端库.可以在Node.js和浏 ...

  3. js 在浏览器中的event loop事件队列

    目录 前言 认识一个栈两个队列 执行过程 异步任务怎么分配 简单例子 难一点的例子 前言 以下内容是js在浏览器中的事件队列执行,与在nodejs中有所区别,请注意. 都说js是单线程的,不过它本身其 ...

  4. JS 检测浏览器中是否安装了特定的插件

    1.检测非IE浏览器 可以使用plugins数组来达到这个目的,例: //检测插件(在IE中无效) function hasPlugin(name){ name = name.toLowerCase( ...

  5. node.js 浏览器中输出 “hello world”

    前段时间花了几个小时,在command面板输出了“hello world”,今天就来说说怎么在浏览器上输入一个地址,然后页面输出“hello world”. 首先要搭建一个基础的 HTTP 服务器 一 ...

  6. js检测浏览器中是否安装了flash播放插件

    这两天工作中需要在网页中嵌入flash小游戏,我使用的是swfobject.js version:1.5.其他方面都很好,唯独版本检测这里一直没有搞通,后来实在无奈之下,改用js来检测浏览器的flas ...

  7. php导出csv数据在浏览器中输出提供下载或保存到文件的示例

    来源:http://www.jb51.net/article/49313.htm 1.在浏览器输出提供下载 /** * 导出数据到CSV文件 * @param array $data 数据 * @pa ...

  8. 从高德采集最新的省市区三级坐标和行政区域边界,用js在浏览器中运行

    本文描述的是对国家统计局于2019-01-31发布的<2018年统计用区划代码和城乡划分代码(截止2018年10月31日)>中省市区三级的坐标和行政区域边界的采集. 本文更新(移步查阅): ...

  9. 从统计局采集最新的省市区镇数据,用js在浏览器中运行 V2

    本文描述的是对国家统计局于2019-01-31发布的<2018年统计用区划代码和城乡划分代码(截止2018年10月31日)>的采集. 相对于用于和采集2016版.2017版的js代码做了比 ...

随机推荐

  1. NativeExcel3使用示例

    除了XLSReadWriteII5,还有个NativeExcel也是比较好的操作excel的组件,现将NativeExcel3的使用示例写一下,以下是代码和生成的excel表格的效果: procedu ...

  2. Spring Cloud简介 4.1

    什么是Spring Cloud Spring Cloud是在Spring Boot的基础上构建的,用于简化分布式系统构建的工具集.该工具集为微服务架构中所涉及的配置管理.服务发现.智能路由.断路器.微 ...

  3. AnyCAD三维控件(转)

    在WinForm中可以方便的集成AnyCAD.Net三维控件,只需要以下几部即可完成. 一.添加DLL程序集 AnyCAD.Foundation.Net.dll AnyCAD.Presentation ...

  4. Python - Django - 静态文件相关

    静态文件的路径设置在 settings.py 中 如果该路径发生更改的话,html 中相关路径也要进行修改 CSS: <link href="/static/dashboard.css ...

  5. layer confirm 三种选择按钮

    layer.confirm('请选择是否通过提现?(tips:同意直接打款,驳回不可恢复)', { btn : ['通过-打款','不通过','通过-已打款'], btn1:function(){ a ...

  6. css 颜色混合模式 mix-blend-mode

    CSS3 新增了一个很有意思的属性 -- mix-blend-mode ,其中 mix 和 blend 的中文意译均为混合,那么这个属性的作用直译过来就是混合混合模式,当然,我们我们通常称之为混合模式 ...

  7. APP排查内存泄漏最简单和直观的方法

        内存泄漏无疑会严重影响用户体验,一些本应该废弃的资源和对象无法被释放,导致手机内存的浪费,app使用的卡顿,那么如何排查内存泄漏呢? 当然,首先我们有google的官方文档可以参考,大部分博客 ...

  8. Linux7 安装python3.5.4

    1.首先修改yum配置文件 因为yum使用python2,因此替换为python3后可能无法正常工作,继续使用这个python2.7.5 因此修改yum配置文件(vi /usr/bin/yum). 把 ...

  9. Hello World详解

    Hello World 题目 [题目描述] 输出“Hello World!”(不输出“”). [输入格式] 啥都没有. [输出格式] Hello World! [数据规模] 输出就行了,管那么多干什么 ...

  10. 2019秋季PAT甲级_备考总结

    2019 秋季 PAT 甲级 备考总结 在 2019/9/8 的 PAT 甲级考试中拿到了满分,考试题目的C++题解记录在这里,此处对备考过程和考试情况做一个总结.如果我的方法能帮助到碰巧点进来的有缘 ...