Java复习打卡day36

最新推荐文章于 2024-08-16 19:02:09 发布
最新推荐文章于 2024-08-16 19:02:09 发布
阅读量73 收藏
点赞数
文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_51630304/article/details/116071787
版权
本文介绍了如何使用for、while和do-while循环在HTML中绘制九九乘法表，并详细讲解了函数的定义方式、使用arguments对象以及内置函数。通过实例演示了函数的创建和参数传递，同时探讨了arguments对象的用法和系统内置函数在编码中的应用。
摘要由CSDN通过智能技术生成

Java复习打卡day36

流程控制之九九乘法表

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>流程控制之九乘九乘法表-for循环</title>
</head>
<script>
    
    //第一种三角形
    document.write("<table border='1px' >")
    //行
    for(var i = 1; i <= 9; i++){
        document.write("<tr>")
        //列
        for(var j = 1; j <= 9; j++){
            if(j>i){
                document.write("<td>&nbsp</td>");
            }else{
                document.write("<td>")
                document.write("" + i + "*" + j + "=" + (i*j) + "")
                document.write("</td>")
            }
        }
        document.write("</tr>")
    }
    document.write("</table>")
    document.write("<br/><hr/><br/>")
    
    //第二种三角形
    document.write("<table border='1px' >")
    //行
    for(var i = 9; i >= 1; i--){
        document.write("<tr>")
        //列
        for(var j = 1; j <= 9; j++){
            if(j>i){
                document.write("<td>&nbsp</td>");
            }else{
                document.write("<td>")
                document.write("" + i + "*" + j + "=" + (i*j) + "")
                document.write("</td>")
            }
        }
        document.write("</tr>")
    }
    document.write("</table>")   
    document.write("<br/><hr/><br/>")
     //第三种的三角形
    document.write("<table border='1px' >")
    //行
    for(var i = 9; i >= 1; i--){
        document.write("<tr>")
        //列
        for(var j = 9; j >= 1; j--){
            if(j>i){
                document.write("<td>&nbsp</td>");
            }else{
                document.write("<td>")
                document.write("" + i + "*" + j + "=" + (i*j) + "")
                document.write("</td>")
            }
        }
        document.write("</tr>")
    }
    document.write("</table>")   
    document.write("<br/><hr/><br/>")
     //第三种的三角形
     document.write("<table border='1px' >")
    //行
    for(var i = 1; i <= 9; i++){
        document.write("<tr>")
        //列
        for(var j = 9; j >= 1; j--){
            if(j>i){
                document.write("<td>&nbsp</td>");
            }else{
                document.write("<td>")
                document.write("" + i + "*" + j + "=" + (i*j) + "")
                document.write("</td>")
            }
        }
        document.write("</tr>")
    }
    document.write("</table>")   
    document.write("<br/><hr/><br/>")

    /*总结：外行循环控制行；
           内行循环控制列；
           学会控制i和j的变化，关键。
            */
</script>
<body>

</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>流程控制之九九乘法表-while</title>
</head>
<script>
    //第一种三角形
    document.write("<table border='1px'> ")
    var i =1;
    while(i<=9){
        document.write("<tr>")
        var j=1;
        while(j<=9){
            if(j>i){
                document.write("<td>&nbsp</td>")
            }else{
                document.write("<td>" + i + '*' + j + '=' + (i*j) + "</td>")
            }
            j++;
        }
        document.write("</tr>")
        i++;
    }
    document.write("</table>")
    document.write("<br/><hr/><br/>")
    //第二种三角形
    document.write("<table border='1px'> ")
    var i =9;
    while(i>=1){
        document.write("<tr>")
        var j=1;
        while(j<=9){
            if(j>i){
                document.write("<td>&nbsp</td>")
            }else{
                document.write("<td>" + i + '*' + j + '=' + (i*j) + "</td>")
            }
            j++;
        }
        document.write("</tr>")
        i--;
    }
    document.write("</table>")
    document.write("<br/><hr/><br/>")
    //第二种三角形
    document.write("<table border='1px'> ")
    var i =9;
    while(i>=1){
        document.write("<tr>")
        var j=9;
        while(j>=1){
            if(j>i){
                document.write("<td>&nbsp</td>")
            }else{
                document.write("<td>" + i + '*' + j + '=' + (i*j) + "</td>")
            }
            j--;
        }
        document.write("</tr>")
        i--;
    }
    document.write("</table>")
    document.write("<br/><hr/><br/>")
    //第二种三角形
    document.write("<table border='1px'> ")
    var i =1;
    while(i<=9){
        document.write("<tr>")
        var j=9;
        while(j>=1){
            if(j>i){
                document.write("<td>&nbsp</td>")
            }else{
                document.write("<td>" + i + '*' + j + '=' + (i*j) + "</td>")
            }
            j--;
        }
        document.write("</tr>")
        i++;
    }
    document.write("</table>")
</script>
<body>
    
</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>流程控制之九乘九乘法表-do-while</title>
</head>
<script>
    //第一种三角形
    document.write('<table border="1px"> ')
    var i=1;
    do{
        document.write('<tr>')
        var j=1;
        do{
            if(j>i){
                document.write('<td>&nbsp</td>');
            }else{
                document.write('<td>' + i + '*' + j + '=' + (i*j) + '</td>');
            }
            j++;
        }while(j<=9)
        document.write('</tr>')
        i++;
    }while(i<=9)
    document.write('</table>')
    document.write('<br/><hr/><br/>')
    //第二种三角形
    document.write('<table border="1px"> ')
    var i=9;
    do{
        document.write('<tr>')
        var j=1;
        do{
            if(j>i){
                document.write('<td>&nbsp</td>');
            }else{
                document.write('<td>' + i + '*' + j + '=' + (i*j) + '</td>');
            }
            j++;
        }while(j<=9)
        document.write('</tr>')
        i--;
    }while(i>=1)
    document.write('</table>')
    document.write('<br/><hr/><br/>')
    //第三种三角形
    document.write('<table border="1px"> ')
    var i=9;
    do{
        document.write('<tr>')
        var j=9;
        do{
            if(j>i){
                document.write('<td>&nbsp</td>');
            }else{
                document.write('<td>' + i + '*' + j + '=' + (i*j) + '</td>');
            }
            j--;
        }while(j>=1)
        document.write('</tr>')
        i--;
    }while(i>=1)
    document.write('</table>')
    document.write('<br/><hr/><br/>')
    //第四种三角形
    document.write('<table border="1px"> ')
    var i=1;
    do{
        document.write('<tr>')
        var j=9;
        do{
            if(j>i){
                document.write('<td>&nbsp</td>');
            }else{
                document.write('<td>' + i + '*' + j + '=' + (i*j) + '</td>');
            }
            j--;
        }while(j>=1)
        document.write('</tr>')
        i++;
    }while(i<=9)
    document.write('</table>')
    document.write('<br/><hr/><br/>')
</script>
<body>
    
</body>
</html>

函数

函数的定义方式和使用

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>函数的定义方式即使用</title>
</head>
<script>
    //案例：通过定义函数实现加法计算
    //格式一:function 函数名([参数列表]){函数体}
    var num=0;
    function add(a, b){
        num=a+b;
        return num;
    }
    var a=add(1,2);
    console.log(a)
    //格式二:var 函数名 = new Function("参数一","参数二","参数三"..."函数体")
    var add1 = new Function("a","b","return a+b;");
    var b = add1(1,3);
    console.log(b);
    //格式三:var 函数名 = new function([参数列表]){函数体}
    var add2 = function(a,b){return a+b;}
    var c = add2(1,4);
    console.log(c)
    //第三种格式运用是最广泛的
</script>
<body>
    
</body>
</html>

函数arguments对象


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>srgumrnts 对象</title>
</head>
<script>
    //arguments :在function中arguments对象能直接通过索引访问指定的参数
    var a;
    function select(a){
        if(arguments[0] == 'hi'){
            console.log('你好！')
        }else if(arguments[0] == 'doing'){
            console.log('正在讲述内容...')
        }else if(arguments[0] == 'bye'){
            console.log('再见！')
        }else{
            console.log('输入有误，请重新输入！')
        }
    }
    select('hi');
    select('doing');
    select('bye');
    select('a');
    console.log('========================================')
    function howLong(){
        alert(arguments.length)//返回实参的个数
    }
    howLong();
    howLong(1,2);
    howLong("2");
    //上面分别输出0，2，1
</script>
<body>
    
</body>
</html>

函数的内置函数

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>系统中的内置函数</title>
</head>
<script>
    //1.escape字串编码
    var a = "http://www.baidu.com ",b="?()#&";
    console.log(escape(a));//http%3A//www.baidu.com%20
    console.log(escape(b));//%3F%28%29%23%26
    //2.unescape字符串反编码
    var x = escape(a)
    var y = escape(b)
    console.log(unescape(x));//http://www.baidu.com 
    console.log(unescape(y));//?()#&
    //3.eval将参数字符串作为脚本语言执行
    var a = "document.write('a')";
    eval(a)//页面输出a
    //4.isNaN判断一个数是不是不是一个数字
    var a = 1,b="a",c="1";
    console.log(isNaN(a));//false
    console.log(isNaN(b));//true
    console.log(isNaN(c));//false
    //5.parseInt解析字符串，返回整型数据
    var x = "123abc",y= "123.1abc";
    console.log(parseInt(x));
    //6.parseFloat解析字符串，返回一个浮点数
    console.log(parseFloat(y));
</script>
<body>
    
</body>
</html>
weixin_51630304
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Java复习打卡day13
weixin_51630304的博客
03-14 123
Java复习打卡day13九大常用类库ObjectsSystemDateCalendarStringDateFormatBigDecimalMathArrays 九大常用类库 Objects System Date Calendar String DateFormat BigDecimal Math Arrays
Java复习打卡day11
weixin_51630304的博客
03-11 128
Java复习打卡day11异常处理try catchthrowsthrow快递柜管理编程思想views 异常处理 try catch throws throw 快递柜管理 编程思想 views
Java复习打卡day21
weixin_51630304的博客
03-23 123
Java复习打卡day21线程池定长线程池缓存线程池单线程线程池周期性定长线程池Lambda表达式网络编程概述 线程池 线程池概述 为什么会出现线程池的概念？ 其实现场呢个执行任务的阶段分为四个步骤： 1.创建线程 2.创建任务 3.执行任务 4.结束线程 而，在这四个步骤中，真正起作用的是中间的两个，但是他们所消耗的时间却只占了总时间的5%， 所以有大量的时间被创建线程和结束线程占用了，当线程的数量增多时，这样的无用时间浪费只会降低程序的性能 所以就有了线程池的概念。
Java复习打卡day6
weixin_51630304的博客
03-03 112
Java复习打卡day6几个知识点如何退出多重循环图形打印判断用户输入类型数组数组的定义常见定义格式不常见定义格式数组的常见问题求数组的最大值和最小值冒泡法排序 几个知识点 如何退出多重循环 //案例1 class Demo{ public static void main(String[] args){ for(int i = 0; i<10;i++){ for(int j = 0; j<10;j++){ System.out.println(666); if(j
Java复习打卡day23
weixin_51630304的博客
03-26 132
Java复习打卡day23XML 语法XML解析方式XML解析XPATH解析JSON介绍JSON语法Gson解析Fastjson解析枚举、注解、反射、内省的前置导学 XML 语法 XML语法 XML的语法非常简单 下面我将用一段代码进行说明。 <?xml version = "1.0" encoding = "UTF-8"?> //文档声明 //下面就是标记了 <books>//根目录 <book id = "1001" gr
Java复习打卡day18
weixin_51630304的博客
03-19 129
Java复习打卡day18flush管道刷新转换流打印流和BufferedReader收集日常日志序列化和反序列化try-with-resource flush管道刷新 import java.io.FileWriter; import java.io.IOException; public class Demo { public static void main(String[] args) throws IOException { FileWriter file = new
Java复习打卡day2
weixin_51630304的博客
02-26 273
这里写目录标题安装JDK1.安装JDK2.配置环境安装eclipse第一个java program定时关机程序 安装JDK 1.安装JDK 先到官网找到安装包下载JDK11的安装包（网址：链接: https://www.oracle.com/java/technologies/javase-jdk11-downloads.html.） 下载完成之后，一直next即可安装完成JDK。 2.配置环境 鼠标右键我的电脑，点击属性进入 双击高级系统设置进入 再双击环境变量进入 再在系统变量工具栏中找到Path
Java复习打卡day24
weixin_51630304的博客
03-27 125
Java复习打卡day24枚举类型概述枚举定义枚举的常用方法枚举接口枚举注意事项注解概述内置注解自定义注解反射概述类加载器与资源目录 枚举类型概述 枚举简介 枚举类型是在JDK1.5之后引进的，在此之前定义一个常量都是：public static final...很难管理。 枚举可以将一些相关的常量放在一起管理，同时它还提供了比常量更多的方法。 枚举类型可以包含很多的常量，例如： 一年的四级： 春、夏、秋、冬； 问题的程度： 轻、重、缓、急 速度的等
Java学习打卡Day18
12-22
Java中的接口是面向对象编程的重要组成部分，它定义了一组方法签名，不包含任何具体实现。在Java学习中，了解接口的多态性及其应用是非常关键的。多态性允许我们用一个父类型的引用来指向子类型对象，这样就可以在不...
小白的20天Java学习打卡day1
12-22
【小白的20天Java学习打卡day1】 学习Java编程的第一步通常是理解基本概念，包括软件的本质、操作系统、编程语言的作用以及如何在Windows系统中进行基础操作。在本篇学习笔记中，我们将探讨这些关键点。 1. **什么...
员工打卡系统_java_java系统_打卡_
10-03
员工打卡系统是一个基于Java语言开发的应用程序，主要用于管理和记录企业员工的上下班打卡情况。在IT行业中，此类系统是企业日常运营的重要组成部分，因为它能够准确地跟踪员工的工作时间，提高人力资源管理效率。...
Java打卡系统源码.zip
05-17
Java打卡系统源码 Java打卡系统源码 Java打卡系统源码 Java打卡系统源码 Java打卡系统源码 Java打卡系统源码 Java打卡系统源码 ...
小白的20天Java学习打卡day2
12-22
太原理工大学机器人团队20天学习打卡day2 学习内容：Java 学习网站：b站 day02 今天的内容比昨天多很多，也更难理解，希望能坚持下去 1、打开DOS命令窗口，执行java HelloWorld,执行原理 java.exe命令会启动JVM JVM...
微信小程序骨架屏
最新发布
djjdjdjdjddjjdjd的博客
08-16 177
⑤ 在onLoad 中页面加载前定义 isLoading.value=true, 在加载完后定义 isLoading.value=false.骨架屏是页面的一个空白版本，通常会在页面完全渲染之前，通过一些灰色的区块大致勾勒出轮廓，待数据加载完成后，再替换成真实的内容。① 在相应微信小程序页面右下角点生成骨架屏，左侧小程序目录会自动生成 .wxml 、.wxss 文件，⑥ 在生成骨架屏页面中 v-if="isLoading" v-else 定义显示与隐藏。
【vue教程】五. Vue 的路由管理
前端探索者
08-13 1080
Vue Router 是 Vue 官方的路由管理器，用于构建单页面应用。它允许你通过 URL 来映射不同的组件，实现页面的动态加载和导航。路由守卫用于在路由跳转前后执行代码，可以用来检查用户认证状态、获取数据等。通过本篇文章，我们学习了 Vue Router 的基本概念、配置和使用，以及如何实现动态路由和嵌套路由。我们还探讨了路由守卫的概念，并提供了如何在 Vue 组件中使用它们的示例。这些知识点将帮助你构建一个功能完备的单页面应用。
【Markdown】Markdown 中的语言简称
EleganceJiaBao的博客
08-12 941
以下是常见编程语言、脚本语言、标记语言等在 Markdown 中的语言简称以及相应的示例：
【无标题】
weixin_42348009的博客
08-14 151
静态方法返回一个由给定对象自身的可枚举的字符串键属性名组成的数组。
java员工打卡签到代码
06-01
Java员工打卡签到代码的实现方式有很多种，以下是其中一种可能的实现方式： ```java import java.util.Date; public class Employee { private String name; private Date lastSignIn; public Employee(String...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值