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) // 代码错误排查时,使用较多
3.页面交互
JavaScript
在浏览器中开发,主要用于服务页面;通过代码获取标签、操作标签内容、操作标签样式