JavaScript的基本内容

本文介绍了JavaScript的基础知识,包括其在HTML中的使用、浏览器调试方法,以及基本语法(如语句、注释、变量声明)、数据类型、操作符、条件语句(如if、switch)、和循环(for、while、do-while)等内容。
摘要由CSDN通过智能技术生成

JavaScript 用法

js代码是写在<script>标签之中,<script>标签可放在在 HTML 页面的 <body><head> 标签中,当然,也可以通过<script>标签的src属性引入外部的js脚本文件。在一些早期的老版浏览器中需要在<script>标签中标注type="text/javascript",而现在主流的浏览器就不需要添加了,因为现在浏览器默认执行的脚本语言就是js。

<!DOCTYPE html>
<html>
    <body>
        <script>
            alert("Hello World");
        </script>
    </body>
</html>
<!DOCTYPE html>
<html>
    <body>
        <script src="myScript.js"></script>
    </body>
</html>

JavaScript输出

已谷歌浏览器为例,在页面右键鼠标打开弹窗菜单,点击检查就能打开浏览器的调试窗口,或者按键盘的F12按键也能能打开浏览器的调试窗口。点击弹出的窗口中的Console选项按钮,里面输出的空白内容就是JS输出的内容了。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        console.log("Hello World");
    </script>
</body>
</html>

JavaScript的基本语法

1.语句以分号结尾(;)。
2.注释可以使用//进行单行注释,或者使用/…/进行多行注释。
3.JavaScript区分大小写。

JavaScript变量

JavaScript中的变量使用var, let或const关键字声明。比如:

var name = "张三";
let age = 20;
const PI = 3.1415;

JavaScript基本数据类型

1.字符串(String):用于表示文本,例如:“Hello World”。
2.数字(Number):用于表示数值,例如:5、3.14等。
3.布尔(Boolean):用于表示真假值,true或false。
4.null:表示一个空值或不存在的值。
5.undefined:表示未定义的值。
6.对象(Object):用于存储多个键值对。
7.数组(Array):用于存储多个元素的列表。
8.函数(Function):用于封装可重复使用的代码块。

JavaScript操作符

1.算术操作符:+ - * / % 等。
2.赋值操作符:= += -= 等。
3.比较操作符:== === != !== > <等。
4.逻辑操作符:&&(与) ||(或) !(非)等。

JavaScript条件语句

if语句:根据条件执行不同的代码块。

if (condition) {
  // 执行操作
} else {
  // 执行其他操作
}

switch语句:根据不同的条件执行不同的代码块。

switch (expression) {
  case value1:
    // 执行操作1
    break;
  case value2:
    // 执行操作2
    break;
  default:
    // 执行其他操作
    break;
}

JavaScript循环

for循环:在满足条件的情况下,重复执行一段代码块。

for (var i = 0; i < 5; i++) {
  // 执行操作
}

while循环:在满足条件的情况下,重复执行一段代码块。

while (condition) {
  // 执行操作
}

do-while循环:先执行一次代码块,然后在满足条件的情况下重复执行。

do {
  // 执行操作
} while (condition);
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值