前言
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 是依赖于浏览器运行的,在浏览器中我们有以下常用的三种方式可以调试代码。
<!DOCTYPE html>
<html lang="en">
<head>
<Meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<script>
document.write('hello world')
</script>
</body>
</html>
或者用innerHTML
写入到元素文本内容
<body>
<p id="demo">demo</p>
<script>
document.getElementById("demo").innerHTML = "hello world";
</script>
</body>
<head>
<Meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<script>
alert("hello world");
</script>
</body>
</html>
方法三:通过浏览器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 举报,一经查实,本站将立刻删除。