直角三角形

 <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. 如何做ui自动化---步骤详解

    第一步: 得到功能测试的常规用例,查看是否可以进行自动化,要明确,自动化不是为了自动化而自动化,自动化是节省人力,主要做回归测试,如果变动性特别大,不建议做自动化,具体可查看其它文章“什么适合做自动化 ...

  2. oracle归档空间

    select GROUP_NUMBER, NAME, STATE, TOTAL_MB-FREE_MB as USED_MB, FREE_MB, USABLE_FILE_MB from v$asm_di ...

  3. DALFactory出现"未能加载文件或程序集“DAL”或它的某一个依赖项。系统找不到指定的文件”的解决方案 .

    自己在使用抽象工厂+配置文件+反射实现重构机房的过程中,遇到了这种情况, 当初自己认真的检查了反射中的代码,都是没有问题,请教了师姐,检查了抽象工厂与反射的使用都没有问题 // 查找我们将要使用的数据 ...

  4. Django orm练习

    ORM练习题 models生成 from django.db import models # Create your models here. # 书籍管理 class Book(models.Mod ...

  5. win10卸载office2010的工具

    本来想装一个高版本的office,于是想先卸载老版本的.结果在win10的应用和功能中,愣是没找到安装的office2010,使用360也找不到,没法卸载. 网上搜了一下,找到一个好工具,micros ...

  6. Mac上Docker的安装

    安装 安装包安装 由于历史原因, 本人使用的是安装安装的方式, 这也是很多Windows用户的习惯. 下载地址: https://download.docker.com/mac/stable/Dock ...

  7. 线性表——顺序表的实现与讲解(C++描述)

    线性表 引言 新生安排体检,为了 便管理与统一数据,学校特地规定了排队的方式,即按照学号排队,谁在前谁在后,这都是规定好的,所以谁在谁不在,都是非常方便统计的,同学们就像被一条线(学号)联系起来了,这 ...

  8. cesium 水面、淹没 效果

    水面效果 参考: http://cesiumcn.org/topic/158.html http://api.rivermap.cn/cesium/rivermap/map.html https:// ...

  9. java多线程中篇(一) —— Thread详情

    简介 简言之,现在的JDK线程模型基于操作系统原生线程,所以模型依赖于操作系统对线程的支持,另外Windows和Linux系统提供的线程模型就是一对一的 所以可以简单认为: 现在Java线程与操作系统 ...

  10. Python33之类和对象(继承)

    一.继承的概念及使用方法 在Python中一个类如果想使用前面一个类所有的方法和属性就需要使用继承 继承的定义     def Class_Child(Class_parent) 这样就可以在子类中使 ...