3、浏览器控制台使用

article/2025/9/28 18:56:27

2.2、基本语法入门

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><title>Title</title></head><body><script>//1. 定义变量  变量类型 变量名 = 变量值;var score = 71;//alert(score);//2.条件控制if(score >60 && score < 70) {alert("60-70")} else if(score >70 && score < 80) {alert("70-80")} else {alert("other")}//console.log(score) 在浏览器的控制台打印变量，类似于Java的System.out.println();/** 多行注释* */</script></body>
</html>

浏览器必备调试须知：

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-wAUw7fHS-1631231158485)(C:\Users\Administrator\Desktop\学习笔记\前端学习\javascript\3、浏览器控制台使用.assets\image-20210910073929968.png)]$

彩蛋

1.idea修改javascript版本为ecmascript6

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-McgCzii4-1631231158498)(C:\Users\Administrator\Desktop\学习笔记\前端学习\javascript\3、浏览器控制台使用.assets\image-20210910072348892.png)]$

2.js代码中的console.log，只要载入了含有这段js的代码，在浏览器console可以看到输出内容【代码中可以没有，可以在浏览器console临时输出代码中的变量值】

在这里插入图片描述

3.在idea中打开html文件方式

1）鼠标放在当前html文件的右侧，出现浏览器logo，点击即可

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-ZZHcOVUG-1631231158514)(C:\Users\Administrator\Desktop\学习笔记\前端学习\javascript\3、浏览器控制台使用.assets\image-20210910073007530.png)]$

2）右键run html

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-KWOwhQ4r-1631231158517)(C:\Users\Administrator\Desktop\学习笔记\前端学习\javascript\3、浏览器控制台使用.assets\image-20210910073021340.png)]$