ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

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

2021-02-23 16:01:40  阅读:400  来源: 互联网

标签:web 九九乘法 undefined 输出 前端 JavaScript null write document


我在学习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>

在这里插入图片描述

希望大家能够不吝赐教,你的点赞和关注,是作者不断坚持和创作的动力!

标签:web,九九乘法,undefined,输出,前端,JavaScript,null,write,document
来源: https://blog.csdn.net/AzirBoDa/article/details/113991952

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有