学习Java Script的第一天

原创已于 2022-03-24 23:34:42 修改 · 1.5k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

于 2022-03-24 22:53:39 首次发布

本文介绍了JavaScript的基础知识，包括它是一种在浏览器中运行的编程语言，主要由ECMAScript（基础语法）和WebAPIs（如DOM和BOM）组成。ECMAScript规定了变量、条件语句等核心概念，而WebAPIs提供了操作页面和浏览器的功能。JavaScript的注释有两种形式，分别是单行和多行注释。此外，文中还详细展示了JavaScript的三种引用方式：嵌入式、外联式和行间式。最后，通过示例演示了JavaScript的输入（prompt）和输出（alert、console.log和document.write）方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.什么是java script？

javasc是一种运行在客户端（浏览器）的编程语言

2.浏览器中的javascript的组成:ECMAScript(基础语法)、web APIs(DOM、BOM)

<1>ECMAScript(基础语法):规定了js基础语法核心知识。比如：变量、分支语句、循环语句、对象等。

<2>web APIs:

DOM:操作文档，比如对页面元素进行移动、大小、添加删除等操作

BOM：操作浏览器，比如页面弹窗，检查窗口宽度、存储数据到浏览器等（DOM属于BOM）

web APIs是浏览器提供的一套操作浏览器功能和页面元素的API（BOM和DOM）
API是为我们程序员提供的一个接口，帮助我们实现某种功能，我们会使用就可以了，不必纠结内部如何实现
Web API主要是针对浏览器提供的接口，主要针对浏览器做交互效果
Web API一般都有输入和输出（函数的参数和返回值），Web API很多都是方法（函数）

3.javascri的两种注释方法

4.javascript的引用方式

<1>:用<script>标签包裹，<script>标签写在</body>上面。

<2>javascript的三钟引入方式：


 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="UTF-8">
 5         <title></title>
 6         <style type="text/css">
 7            div{
 8               width: 200px;
 9               height: 200px;
10               background: #000;
11            }
12         </style>
13     </head>
14     <body>
15        <!--嵌入式-->
16         <script>
17             //单行注释
18             /*
19              * 多行注释
20              * */
21             alert('js hello world!');//弹窗
22         </script>
23         
24         
25         <!--外联式-->
26         <!--注意：如果script标签外部引入js文件，
27             那么此标签当中就不能再写js程序，外部脚本不能包含<script>标签-->
28         <script src="../test.js"></script>
29         
30         
31         
32         <!--行间式-->
33         <div onclick="alert('yea...行间样式生效了')"></div>
34         <a href="javascript:alert('我是a');">点我</a>
35         <a href="javascript:void(0)" onclick="alert('我也是a');">再来点我啊</a>
36     </body>
37 </html>

5.javascript的输入语法和三种输出语法


<!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>Document</title>
</head>
<body>
  <script>
   cut = prompt("发财");//属性名不能加引号

  document.write(cut);// 括号里不能加双引号
  alert(cut);
  console.log(cut);
  </script>
</body>
</html>