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