使用web前端简单的写了个九九乘法表

原创已于 2022-03-22 21:43:03 修改 · 3.7k 阅读

CC 4.0 BY-SA版权

文章标签：

于 2021-02-23 15:47:19 首次发布

我在学习JavaScript之前学习了html xml css,也有一定的编程基础,我用了半天时间将js的基础知识学习了一遍.最终简简单单地写了一个九九乘法表!我觉得基础的语法知识还是需要了解的.我就简单把一些比较重要或者有区别列举了出来!
在这里插入图片描述

JavaScript基础语法

JavaScript的输出：

 window.alert() 弹出警告框
document.write() ⽅法将内容写到 HTML ⽂档中
innerHTML 写⼊到 HTML 元素
console.log() 写⼊到浏览器的控制台

具体的代码演示:

<!DOCTYPE html>
<html>
 <head>
 <meta charset="UTF-8">
 <title>JavaScript实例</title>
 </head>
 <body>
 <h3>测试JavaScript的输出</h3>
 <div id="did">div层</div>
 </body>
 <script>
 //弹出⼀个信息提示框
 window.alert("Hello JavaScript!");

 //输出到浏览器⻚⾯中
 document.write("这个是⻚⾯中的输出");
 //通过写⼊HTML标签中，完成⻚⾯中的输出
 document.getElementById('did').innerHTML="div层中的输出";
 //控制台上的输出
 console.log("控制台上的输出");
 </script>
</html>

undefined 和 null 的区别

null 和 undefined 的值相等，但类型不等：

typeof undefined // undefined
typeof null // object
null === undefined // false
null == undefined // true

常见类型转换

在这里插入图片描述

运算符的优先级

在这里插入图片描述

for…in 循环遍历对象：

for(属性变量 in 被遍历对象){
 被执⾏的代码块
}

var ob = {"name":"张三","age":22,"sex":"男"};
//遍历对象ob中的每个属性
for(key in ob){
 //输出属性和对应的属性值
 console.log(key+":"+ob[key]);
}
/*
//输出结果：
name:张三
age:22
sex:男
*/

完成九九乘法表

<!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>
<body>
    <h1>js的实践</h1>

</body>
<script type="text/javascript">
    //此处为js语言
   document.write('<table width = "800" border= "1">');
    for(var  i =1;i<=9;i++){
    document.write('<tr>');
        for(var j =1;j<=9;j++){
            if(i<j){
                document.write('<td>&nbsp;</td>');
            }else{
            document.write('<td>'+i+'*'+j+'='+i*j+'</td>');}
        }
        document.write('</tr>');
        
    }
            document.write('</table>');
    </script>
</html>