JavaScript初学
JavaScript
JavaScript的书写方式
在页面的行内、内部和外部
1.内部Javascript
直接写在html文件里，用script标签包括住
规范：script标签在上面
2.外部Javascript
代码写在以.js结尾的文件里
语法：通过Script标签，引入到html页面中
注意事项：script标签中间无需写代码，否则会被忽略！
3.内联JavaScript
代码写在标签内部
<body>
<button onclick="alert('逗你玩~')">点击一下</button>
</body>
JavaScript注释
单行注释：// 快捷键：ctrl + /
多行注释：/* */
JavaScript结束符
结束符是：分号（;）
结束符可以省略（要么都写，要么都不写）根据团队的约定
JavaScript输入输出语法
文档输出内容
- 语法1：
<script>
document.write('我是div标签')
document.write('<h1>我是标题</h1>')
</script>
作用：向body内输出内容
注意：如果输出的内容写的是标签，也会被解析成网页元素
- 语法2：
alert('要输出的内容')
作用：页面弹出警告对话框
- 语法3：
console.log('控制台打印输出')
作用：控制台输出语句，程序员F12调试使用
输入语句
- 语法：
prompt('请输入您的名字：')
作用：显示一个对话框，对话框中包含一条文字信息，用来提示用户输入文字
展示：
代码执行顺序
- 按HTML文档流顺序执行JavaScript代码
- alert()和prompt()它们会跳过页面渲染先被执行
变量
计算机中用来存储数据的“容器”，
创建变量
1.声明变量
要想使用变量，首先需要创建变量（也称声明变量或定义变量）
- 语法：
let 变量名
- 声明变量有两部分构成：声明关键字、变量名（标识）
- let即关键字（let：允许、许可、让、要），所谓关键字是系统提供的专门用来声明（定义）变量的词语
举例：
let age
- 我们声明了一个age变量
- age即变量的名称，也叫标识符
2.变量赋值
定义了一个变量后，你就能够初始化它（赋值）。在变量名之后跟上一个“=”
let age
age = 18
console.log(age)
3.更新变量
let age = 18
age = 19
document.write(age)
注意：let不允许多次声明一个变量
4.声明多个变量
变量赋值后，还可以通过简单地给它一个不同的值来更新它。
- 语法：多个变量中间用逗号隔开
let age = 18,uname = "xiaoli"
说明：看上去代码长度更短，但并不推荐这样。为了更好的可读性，请一行只声明一个变量
输出用户名案例
//1.用户输入，创建变量接收
let uname = prompt('请输入姓名')
//2.内部处理保存数据
//3.打印输出
document.write(uname)
变量的本质
内存：计算机中存储数据的地方，相当于一个空间
变量本质：是程序在内存中申请的一块用来存放数据的小空间
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步
· Manus重磅发布：全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后，我竟然真的恢复了删除的微信聊天记录！
· 没有Manus邀请码？试试免邀请码的MGX或者开源的OpenManus吧
· 【自荐】一款简洁、开源的在线白板工具 Drawnix
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY