微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

JavaScript 学习-1.注释与变量声明

前言

JavaScript 是 Web 的编程语言。所有现代的 HTML 页面都使用 JavaScript。

JavaScript 简介

JavaScript 的学习分三个部分:
1、核心(ECMAScript):JavaScript的核心,描述了语言的基本语法和数据类型。ECMAScript 是一套标准,定义了一种语言的标准与具体实现无关。
2、文档对象模型DOM(Document Object Model): 用于操作页面的元素。一套操作页面元素的 API。DOM 可以把 HTML 看做是文档树,通过 DOM 提供的 API 可以对树上的节点进行操作。
3、浏览器对象模型BOM(browser Object Model): 操作的是浏览器。一套操作浏览器功能的 API。通过 BOM 可以操作浏览器窗口,比如:弹出框、控制浏览器跳转获取分辨率等。

调试

JavaScript 是依赖于浏览器运行的,在浏览器中我们有以下常用的三种方式可以调试代码

方法一:直接写入 HTML 输出

<!DOCTYPE html>
<html lang="en">
<head>
    <Meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<script>
    document.write('hello world')
</script>
</body>
</html>

浏览器打开页面,会在页面输出"hello world"

或者用innerHTML 写入到元素文本内容

<body>
<p id="demo">demo</p>

<script>
document.getElementById("demo").innerHTML = "hello world";
</script>
</body>

方法二:通过alter() 弹出框显示内容

<head>
    <Meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<script>
    alert("hello world");
</script>
</body>
</html>

浏览器打开页面,在alert弹出框显示内容

方法三:通过浏览器console调试,这种也是最常用的方式

我们可以在<script> 里面添加 console.log() 输出内容

<!DOCTYPE html>
<html lang="en">
<head>
    <Meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<script>
    console.log("hello world")
</script>
</body>
</html>

谷歌浏览器f12 后,查看console内容

也可以直接在控制台输入调试代码

清空日志可以点清空按钮,也可以快捷键ctr+L

注释

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐