使用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(''+i+'*'+j+'='+i*j+' ');} } document.write(' '); } document.write('
'); </script></html>
希望大家能够不吝赐教,你的点赞和关注,是作者不断坚持和创作的动力!