【初识JavaScript-02】

Aic山鱼

已于 2022-10-12 19:41:50 修改

阅读量185

点赞数 6

分类专栏：小嘎鱼JavaScript专栏文章标签： javascript 前端开发语言

于 2022-07-25 20:00:00 首次发布

本文链接：https://blog.csdn.net/zhaochen1127/article/details/125973117

版权

小嘎鱼JavaScript专栏专栏收录该内容

32 篇文章 10 订阅

订阅专栏

前言

学习好一门语言贵在坚持之初识JavaScript🏹💁‍♂️！

首先：

博主是👦一个帅气的boy，你可以叫我山鱼君
🖱 ⌨个人主页：安鱼哥的个人主页
💖💖如果对你有帮助的话希望三连下⭐⭐⭐支持一下博主🌊

1. js基础导读

①js样式
js样式分为内嵌式行内式外链式

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>01-编程语言</title>
    1.<!-- 内嵌式js
     <script>
     // alert('山鱼君')
     </script> -->

     2.<!-- 外链式 -->
    <script src="one.js">
    </script>

</head>
<body>
    3.<!-- 行内式js -->
    <!-- <input type="button" value="唐伯虎" οnclick="alert('秋香姐')"> -->
</body>
</html>

②js输入输出语句
alert
console.log
prompt
在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script>
        // 输入
    prompt('请输入您的姓名');
    // 弹出
    alert('请继续输入');
    // 控制台
    console.log('程序员专用');
    </script>
</head>
<body>
    
</body>
</html>

2.🐕变量

◆变量概述
◆变量的使用
◆变量语法扩展
◆变量命名规范
◆交换变量案例

1.变量概述

🐖什么变量？

💡变量是用于存放数据的容器。我们通过变量名获取数据.甚至数据可以修改。

或者是说，变量就是用来装🍔的盒子。

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

2.变量的使用

🍊①声明变量

var+变量名;//声明一个变量名为age的变量（var age；）

●var是一个JS关键字,用来声明变量( variable变量的意思)。使用该关键字声明变量后,计算机会自动为变量分配
内存空间,不需要程序员管

🐺②赋值

声明一个变量并赋值被称为—变量的初始化

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script>
        //1.声明一个变量名为age的变量
    var age;
        // 2.赋值，=用来把右边的值赋给左边的变量空间中此处代表赋值的意思，变量值是程序员保存到变量空间里的值
    age='我是男神';
    console.log(age);
        //3.初始化变量（简化前两步，直接声明赋值初始化）
    var shan = '猪猪侠';
    console.log(shan);
    </script>
</head>
<body>
    
</body>
</html>