> 文档中心 > 使用web前端简单的写了个九九乘法表

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

我在学习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 // undefinedtypeof null // objectnull === undefined // falsenull == undefined // true

常见类型转换

在这里插入图片描述

运算符的优先级

在这里插入图片描述

for…in 循环遍历对象:

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

完成九九乘法表

<!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('');for(var  i =1;i<=9;i++){    document.write('');for(var j =1;j<=9;j++){if(i<j){  document.write('');}else{     document.write('');}} document.write('');}     document.write('
  '+i+'*'+j+'='+i*j+'
'
); </script></html>

在这里插入图片描述

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

简谱吧