JS基础及入门_js是解释一行代码执行一行代码吗-CSDN博客

本文链接：https://blog.csdn.net/m0_72206588/article/details/126131399

本文介绍了JavaScript的基础知识，包括其作为浏览器中的脚本语言用于实现用户交互的功能。讲解了三种注释类型、解释型语言特性，并通过示例展示了字面量、变量的使用。此外，还概述了JavaScript中的三种弹窗和数据输出方法，以及如何进行基本的页面交互，如操作标签内容和样式。

摘要由CSDN通过智能技术生成

JS的介绍

1、什么是JavaScript

JavaScript是一个可以工作在浏览器中的脚本语言，可以完成和用户交互的行为，....

2、为什么要使用JavaScript

JavaScript可以实现网页和用户的交互过程，使用HTML/css无法实现交互的时候可以通过JavaScript实现

注释

分为三种;

行内注释：主要针对一行或者多行代码的关键性描述
多行注释：主要针对一行或者多行复杂的代码，进行详细描述
文档注释：一般出现在js文件中，描述文档开发作者、开发时间、功能描述等作用

javascript

JavaScript是一门解释型语言：代码执行过程，解释一行，执行一行！

<html lang="zh">
<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>
    // 1、解释执行
    // 解释一行代码，执行一行代码
    alert("我是第一行代码")
    alert("我是第二行代码")
    alert("我是第三行代码")

  </script>
</body>
</html>

字面量：

字面量：描述的是代码的字面意思，一般情况在JavaScript中表示字面意思的数据，如数字、字符串等等

变量：

存储数据的容器，可以在代码中存储数据，然后通过变量名称重复使用这些数据

快速入门

1.三种弹窗

警告对话框
确认对话框
交互对话框

2.数据输出

alert()将数据以弹窗的形式展示出来，经常用于代码错误测试打印数据
document.write()：将数据在网页中输出，不论是错误调试或者项目开发，都严禁使用
console.log()：将数据在浏览器的控制台中输出展示，使用频率最高

var name = "张飞"
// 查看name变量中的数据

// 1.alert()
alert(name)		// 页面弹窗，阻止代码向下继续执行，一般很少使用(影响页面加载效率)


// 2.document.write()
document.write(name)	// 网页中直接输出数据，严禁使用；影响网页布局


// 3.console.log()
console.log("姓名数据：", name) // 代码错误排查时，使用较多