JavaScript 变量

最新推荐文章于 2022-06-29 17:44:24 发布

认真学习的宋小姐

最新推荐文章于 2022-06-29 17:44:24 发布

阅读量81

点赞数

分类专栏：笔记文章标签： javascript vscode html

本文链接：https://blog.csdn.net/qq_51946936/article/details/120815166

版权

笔记专栏收录该内容

30 篇文章 2 订阅

订阅专栏

初识 JavaScript

在这里插入图片描述

<body>
    <!-- 1. 行内式的js 直接写到元素的内部 -->
    <input type="button" value="唐伯虎" onclick="alert('秋香姐')">
</body>

在这里插入图片描述

 <!-- 2.内嵌式的js -->
    <script>
        alert('沙漠骆驼');
    </script>

在这里插入图片描述

 </script>
    <!-- 3. 外部js script 双标签 -->
    <script src="my.js"></script>

在这里插入图片描述

JavaScript注释

在这里插入图片描述

<script>
        // 1. 单行注释  ctrl + /
        /* 2. 多行注释  默认的快捷键 shift +  alt  + a
           2. 多行注释  vscode 中修改多行注释的快捷键：  ctrl + shift + /
        */
    </script>

JavaScript 输入输出语句

在这里插入图片描述

<script>
        // 这是一个输入框
        prompt('请输入您的年龄');
        // alert 弹出警示框 输出的 展示给用户的
        alert('计算的结果是');
        // console 控制台输出 给程序员测试用的 在网页按F12 可看到
        console.log('我是程序员能看到的');
    </script>

变量

在这里插入图片描述

<script>
        // 1. 声明了一个age 的变量 
        var age;
        // 2. 赋值  把值存入这个变量中
        age = 18;
        // 3. 输出结果 
        console.log(age);
        // 4. 变量的初始化 
        var myname = 'pink老师';
        console.log(myname);
    </script>

在这里插入图片描述

<script>
        var myname = '旗木卡卡西';
        var address = '火影村';
        var age = 30;
        var email = 'kakaxi@itcast.cn';
        var gz = 2000;
        console.log(myname);
        console.log(address);
        console.log(age);
        console.log(email);
        console.log(gz);
    </script>

在这里插入图片描述

 <script>
        // 1. 用户输入姓名  存储到一个 myname的变量里面
        var myname = prompt('请输入您的名字');
        // 2. 输出这个用户名
        alert(myname);
    </script>

在这里插入图片描述

 <script>
        // 1. 更新变量
        var myname = 'pink老师';
        console.log(myname);
        myname = '迪丽热巴';
        console.log(myname);
        // 2. 声明多个变量
        // var age = 18;
        // var address = '火影村';
        // var gz = 2000;
        var age = 18,
            address = '火影村',
            gz = 2000;
        // 3. 声明变量的特殊情况
        // 3.1 只声明不赋值 结果是？  程序也不知道里面存的是啥 所以结果是 undefined  未定义的
        var sex;
        console.log(sex); // undefined
        // 3.2  不声明 不赋值 直接使用某个变量会报错滴
        // console.log(tel);
        // 3.3 不声明直接赋值使用
        qq = 110;
        console.log(qq);
    </script>

在这里插入图片描述
3.2结果报错

<script>
        // js 是编程语言有很强的逻辑性在里面： 实现这个要求的思路 先怎么做后怎么做 
        // 1. 我们需要一个临时变量帮我们
        // 2. 把apple1 给我们的临时变量 temp 
        // 3. 把apple2 里面的苹果给 apple1 
        // 4. 把临时变量里面的值 给 apple2 
        var temp; // 声明了一个临时变量为空
        var apple1 = '青苹果';
        var apple2 = '红苹果';
        temp = apple1; // 把右边给左边
        apple1 = apple2;
        apple2 = temp;
        console.log(apple1);
        console.log(apple2);
    </script>

在这里插入图片描述

认真学习的宋小姐

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript 变量

初识 JavaScript<body>  <input type="button" value="唐伯虎" onclick="alert('秋香姐')"></body>  <script> alert('沙漠骆驼'); </script> </script&gt
复制链接

扫一扫