JavaScript初学

发布时间 2023-10-19 21:40:39作者: 必胜!(sheng)

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('请输入您的名字:')

作用:显示一个对话框,对话框中包含一条文字信息,用来提示用户输入文字

展示:

例1

代码执行顺序

  • 按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)

变量的本质

内存:计算机中存储数据的地方,相当于一个空间

变量本质:是程序在内存中申请的一块用来存放数据的小空间