学习Java Script的第一天

本文介绍了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>

​

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值