学习笔记：JavaScript，01

已于 2022-02-06 12:06:45 修改
阅读量685 收藏
点赞数 1
分类专栏： 笔记 文章标签： javascript 开发语言 ecmascript
于 2021-11-12 20:48:17 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Titijiang233/article/details/121244667
版权 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style></style>
    <!-- 2.内嵌式的js -->
    <script>
        // alert('沙漠骆驼');
    </script>
    <!-- 3.外部js script 双标签 -->
    <script src="my.js"></script>
</head>
<body>
    <!-- 1.行内式的js 直接写到元素内部 -->
    <!-- <input type="button" value="唐伯虎" onclick="alert('秋香姐')"> -->
</body>
</html>

//1.单行注释 crtl + /

        /*2.多行注释 默认快捷键 shift + alt + a

          2.多行注释 vscode 中修改多行注释的快捷键： ctrl + shift + /

        */

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        //这是一个输入框
        prompt('请输入您的年龄');
        //alert 弹出警示框
        alert('计算结果是');
        // console 控制台输出 给程序员测试用的
        console.log('我是程序员能看到的');
    </script>
</head>
<body>
    
</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        //1.声明了一个 age 的变量
        var age;
        //2.赋值 把值存入这个变量中
        age=18;
        //3.输出结果
        console.log(age);
        //4.变量的初始化
        var myname='蹄蹄酱233';
        console.log(myname);
    </script>
</head>
<body>
    
</body>
</html>

案例

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <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>
</head>
<body>
    
</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        //1.用户输入用户名 存储到myname的变量里面
        var myname=prompt('请输入您的名字');
        //2.输出这个用户名
        alert(myname);
    </script>
</head>
<body>
    
</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        //1.更新变量
        var myname='蹄蹄酱233';
        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);
        //3.2不声明 不赋值 直接使用某个变量会报错的
        // console.log(tel);
        //3.3不声明直接赋值使用
        qq=100;
        console.log(qq);
    </script>
</head>
<body>
    
</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <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>
</head>
<body>
    
</body>
</html>

 

 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        //1.八进制 0~7 我们程序里面数字前面加0表示八进制
        var num1=010;
        console.log(num1);// 010 八进制转换为 十进制 就是 8
        //2.十六进制 0~9 a~f #ffffff 数的前面加0x 表示十六进制
        var num2=0x9;
        console.log(num2);
        var num3=0xa;
        console.log(num3);
        //3.数字型的最大值;
        console.log(Number.MAX_VALUE);
        //4.数字型的最小值
        console.log(Number.MIN_VALUE);
        //5.无穷大
        console.log(Number.MAX_VALUE*2);//Infinity无穷大
        //5.无穷小
        console.log(-Number.MAX_VALUE*2);//-Infinity无穷大
        //7.非数字
        console.log('蹄蹄酱'-100);//NaN
    </script>
</head>
<body>
    
</body>
</html>

 //isNaN() 这个方法用来判断非数字 并且返回一个值false 如果不是就返回true

        console.log(isNaN(12));

 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        alert('酷热难耐，火辣的太阳底下，我挺拔的身姿，成为了最为独特的风景。\n我审视四周，这里是我的舞台，我就是天地间的王者。\n这一刻，我豪气冲天，终于大喊一声：“手机破烂啦~”');
    </script>
</head>
<body>
    
</body>
</html>

 

<script>

        //1.检测获取字符串的长度length

        var str='ma name is wendy';

        console.log(str.length);

    </script>

<script>

        //1.检测获取字符串的长度length

        var str='ma name is wendy';

        console.log(str.length);

        //2.字符串的拼接 +

        console.log('沙漠'+'骆驼');//字符串的沙漠骆驼

        console.log('ttj'+21);//ttj21

        console.log('pink'+true);//pinktrue

        console.log(12+12);//24

        console.log('12'+12);//1212

    </script>

 <script>

        //弹出一个输入框（prompt),让用户输入年龄（用户输入）

        //把用户输入的值用变量保存起来，把刚才输入的年龄与所要输出的字符串拼接（程序内部处理）

        //使用alert语句弹出警示框（输出结果）

        var age=prompt('请输入您的年龄');

        var str='您今年已经'+age+'岁了';

        alert(str);

    </script>

 

<script>

        var year=prompt('请您输入您的出生年份');

        var age=2021 - year;

        alert('您今年已经'+age+'岁了');

    </script>

Titijiang233
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
JavaScript学习笔记（一）
King
01-20 659
数据类型 Undefined Null Boolean Number String Object 数值转换 非数值转换为数值的函数有： Number()、parseInt()和parseFloat() 字符字面量
前端学习笔记：JavaScript基础
ycsss的博客
06-09 1401
黑马Pink老师的JavaScript教程：https://www.bilibili.com/video/BV1Sy4y1C7ha?from=search&seid=3161590902859712011 本文在原教程的基础上对目录结构进行了排序和裁剪，一些太基础的概念没有写入。针对视频中的讲解、案例、PPT和源码材料作了一些总结，仅用于个人复习以及学习交流分享。 目录Chapter1. 概述1.1 JavaScript及其历史1.2 JavaScript作用1.3 HTML/CSS/JavaScr
Javascript入门学习笔记
weixin_61370021的博客
04-27 4618
JS入门学习笔记，JavaScript是目前web开发中不可缺少的脚本语言，js不需要编译即可运行，运行在客户端，需要通过浏览器来解析执行JavaScript代码。
【学习笔记】JavaScript的作用域
m0_59079084的博客
07-29 906
作用域（scope）规定了变量能够被访问的“范围”，离开了这个“范围”变量便不能被访问，作用域也可以堆叠成层次结构，子作用域可以访问父作用域，反过来则不行。
javascript：JavaScript学习笔记
02-10
2021/02/08问题：路由不起作用 const path = require（'path'）; ... }）; 控制台错误Unchecked runtime.lastError：消息端口在收到响应之前已关闭。 chrome :: extensions / =>删除扩展名 由于MIME类型未加载样式表 ...
JavaScript_StudyNote:JavaScript学习笔记
03-29
在JavaScript_StudyNote的学习笔记中，我们可以深入理解并掌握JavaScript的基础知识和高级特性。 1. **基础语法** - 变量声明：JavaScript支持var、let和const关键字声明变量，其中let和const是ES6新增的。 - ...
学习笔记：学习技术
02-13
【JavaScript学习笔记】 在编程领域，JavaScript是一种至关重要的脚本语言，主要用于网页和网络应用的开发。这个"学习笔记"的压缩包文件很可能是包含了作者在深入学习JavaScript过程中的心得、代码示例以及可能的...
JavaScript-note:JavaScript - 学习笔记
05-05
javascript 学习笔记 目录 01-javascript高级程序设计 02-JavaScript数据与结构 01数组 02栈 03队列 04链表 05字典 ...... 03-javaScript设计模式 04-es6语法 05-js数据类型 05-js数据类型 07-javaScript常用工具...
JavaScript学习笔记
04-10
### JavaScript学习笔记 #### JavaScript简介 JavaScript是一种广泛使用的脚本语言，主要应用于Web前端开发，用来为网页添加交互性。JavaScript不仅可以操作HTML和CSS，还能处理数据、响应用户输入，并与服务器通信...
ElementUI 事件回调函数传参技巧与自定义参数应用
No_Name_Cao_Ni_Mei的博客
08-08 381
在使用elementUI时，事件回调函数传递参数是一个常见的需求。使用回调函数：当elementUI组件触发事件时，我们可以通过回调函数传递自定义参数。例如，在el-input组件中，可以使用@change事件，并在回调函数中添加自定义参数。代码示例如下：在方法中，val是事件传递的默认参数，而'myId'是我们自定义的参数。使用$event：另一种方法是使用$event来传递事件对象，然后将其作为参数传递给自定义的方法。例如：这里的$event等同于方法1中的val，而'myId'依然是自定义参数。
Element学习（布局组件、案例操作）（4）
最新发布
m0_74363339的博客
08-08 77
value：表示输入的值，提交表单后传给服务器的值——>"男"表示1，"女"表示2。定义数据模型时，对象要使用大括号。像这里searchForm: {....}3、这一步之后的效果展示（只是空有一个布局——>目前还没有任何的内容）2、找到这种布局对应的代码（复制——>粘贴到标签<div>中）5、 在主展示区域的上方添加"员工查询"的（且独占一行）表单。还有一个当点击"查询"按钮时，会触发一个方法，也要去声明。7、给表格增加一个边框——>加入border属性即可。6、日期选择器——>(官网中组件中找)
SpringBoot+Vue图书(图书借阅)管理系统-附项目源码与配套文档
m0_74283290的博客
08-03 1314
本论文阐述了一套先进的图书管理系统的设计与实现，该系统采用Java语言，结合现代Web开发框架和技术，旨在为图书馆提供高效、灵活且用户友好的资源管理解决方案。系统利用Spring Boot框架为核心，整合MyBatis ORM工具，以及MySQL数据库，构建了一个高性能、可扩展的后端服务。前端界面则采用了Vue.js框架，以提供流畅的用户交互体验。论文首先进行了详尽的需求分析，确定了系统的核心功能，包括图书的添加、编辑、删除、查询，读者的注册、登录、个人信息管理，以及图书的借阅、归还、续借流程。
Android TV上OTT PWA应用开发的播放器选择：video.js vs exoplayer
Ranye的博客
08-08 97
二者都是非常主流的播放器，功能相近，不过在此场景下，性能就不同了
自习 leetcode+react官方文档学习
weixin_63681863的博客
08-08 193
哈希完结+ 字符串第一题。
Windows系统上使用nvm管理node版本的详细教程
战族狼魂的博客
08-07 887
NVM 是一个非常方便的工具，使得在不同项目之间管理和切换 Node.js 版本变得非常简单。通过本文的步骤，你可以轻松安装和使用 NVM 来管理你的 Node.js 环境。
.eslintrc.js 有什么作用
weixin_64684095的博客
08-08 205
可以启用、禁用或修改特定的 ESLint 规则，以适应项目的特定需求和编码风格。
前端Web-JavaScript(下)
Yu2uki的博客
08-03 1442
补全一下js,忘记了好回来看
我们的前端开发逆天了！1 小时搞定了新网站，还跟我说 “不要钱”
努力做最接地气的编程干货分享，感谢关注
07-29 2960
本文将带你了解一个新的 Web 框架 **Astro**，并手把手带你使用 Astro 搭建一个属于自己的站点，用过的都说真香！
【Vue3】图片未加载成功前占位
菜就多练
08-08 174
原生img标签可以通过自定义指令解决< template > < img class = " image_item-img " v-preload = " ' loading' " src = " https://xx " alt = " 加载失败 " /> < script setup > import {reactive } from 'vue' // 自定义图片占位 const vPreload = {
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Titijiang233

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值