javaScript学习小练习 99乘法表动态表格轮播图自动跳转表格全选

最新推荐文章于 2023-02-28 16:15:07 发布

Kiven_zhou

最新推荐文章于 2023-02-28 16:15:07 发布

阅读量286

点赞数

本文链接：https://blog.csdn.net/Kiven_zhou/article/details/107282205

版权

本文通过JavaScript实现99乘法表、动态表格操作、轮播图展示以及页面自动跳转和表格全选功能，详细介绍了这些基础但实用的JavaScript编程技巧，旨在提升JavaScript编程能力。

摘要由CSDN通过智能技术生成

99乘法表

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>99乘法表</title>
    <style>
        td{
   
            border: 1px solid;
        }
    </style>


    <script>
        document.write("<table width=%50 align='center' >")

        for (var i=1;i<10;i++){
   
            document.write("<tr>")
            for (var j=1;j<=i;j++){
   
                document.write("<td>");
                document.write(j+"*"+i+"="+(j*i)+"&nbsp;&nbsp;&nbsp;");
                document.write("</td>");
            }
            document.write("</tr>")
           // document.write("<br>");
        }
        document.write("</table>")
    </script>
</head>
<body>

</body>
</html>

在这里插入图片描述
动态表格

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>动态表格</title>
    <style>
        table{
   
            border: 1px solid;
            margin: auto;
            width: 500px;
        }
        th,td{
   
            text-align: center;
            border: 1px solid ;
        }
        div{
   
            text-align: center;
            margin: 50px;
        }
    </style>
</head>
<body>
    <div>
        <input type="text" id="id" placeholder="请输入编号">
        <input type="text" id="name" placeholder="请输入姓名"

最低0.47元/天解锁文章

Kiven_zhou

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
javaScript学习小练习 99乘法表动态表格轮播图自动跳转表格全选

99乘法表<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>99乘法表</title> <style> td{ border: 1px solid; } </style> <script> doc
复制链接

扫一扫