3、浏览器控制台使用

最新推荐文章于 2024-04-09 08:41:38 发布

工一木子

最新推荐文章于 2024-04-09 08:41:38 发布

阅读量2.4k

点赞数

分类专栏： JavaScript学习文章标签： javascript html node.js

本文链接：https://blog.csdn.net/Prince140678/article/details/120213804

版权

JavaScript学习专栏收录该内容

30 篇文章 0 订阅

订阅专栏

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)]$

4.在浏览器调试javascript代码

1）F12或者右键审查元素

2）在source模块下找到需要打断点的源文件

3）设置断点，重新载入页面即可

5.JavaScript的代码每一行的分号是非必填的，语法比较简单，随意

工一木子

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
3、浏览器控制台使用

2.2、基本语法入门<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <script> //1. 定义变量变量类型变量名 = 变量值;
复制链接

扫一扫