首页 / JAVASCRIPT / 99乘法表用js如何写

99乘法表用js如何写

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了99乘法表用js如何写，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1136字，纯文字阅读大概需要2分钟。

内容图文

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>body,div,ul,li{
            margin:0;
            padding: 0;
            font-family: Arial;
            font-size:12px;
        }
        ul li{
            list-style:none;
        }
        #tab{
            position:absolute;
            top:50%;
            left:50%;
            padding:10px;
            margin-left:-460px;
            margin-top:-145px;
            width:900px;
            height:270px;
            border:1px solid red;
            border-radius:10px;
        }
        #tab li{
            height:30px;
            line-height: 30px;

        }
        #tab li span{
            width:100px;
            height:30px;
            text-align:center;
            display: inline-block;
        }</style>
</head>
<body>
    <div id='tab'>
        <ul>
            
        </ul>
    </div>
    <script type='text/javascript'>var oTab = document.getElementById('tab');var str = '';
        str+="<ul>"for(var i = 1;i<=9;i++){var val = "c1";switch(i%3){case 0:
                        val = "c1";break;case 1:
                        val = "c2";break;default:
                        val = "c3";
                }
                str+="<li class='"+val+"'>";for(var j = 1;j<=i;j++){
                        str+="<span>";
                            str+=""+j+"*"+i+" = "+(j*i)+""str+="</span>"}
                str+="</li>"}
        str+="</ul>"oTab.innerHTML = str;//字符串拼接的第一条黄金法则：单双不能同时用。必须间隔出现//如果一个字符串中需要增加一个变量，看最外面是""还是'',如果是""，那么直接的"+变量+"。如果是单引号'',那么直接的'"+变量+"'</script>
</body>
</html>

以上就是99乘法表用js如何写的详细内容，更多请关注Gxl网其它相关文章！

内容总结

以上是互联网集市为您收集整理的99乘法表用js如何写全部内容，希望文章能够帮你解决99乘法表用js如何写所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/300756.html

来源：【匿名】