JavaScript学习

最新推荐文章于 2024-05-03 23:30:14 发布

钟记小前端--全栈

最新推荐文章于 2024-05-03 23:30:14 发布

阅读量124

点赞数

分类专栏：学习

本文链接：https://blog.csdn.net/qq_40997551/article/details/104221672

版权

学习专栏收录该内容

8 篇文章 0 订阅

订阅专栏

第一课

HTML：

<!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>javascript的背景及知识结构</title>
</head>
<body>
    <!-- javascript的背景及知识结构 
    
    1.什么是JavaScript
       （1） 轻量级      编程语言

        html + css -》 设计
        java    -》 浏览器  ： 命令 -》 脚本        JavaScript

        （2）最流行 脚本 -》 编译   c++
        （3）html   -》所有浏览器  ：  解析器 -》服务器 ，手机
        （4）容易学习   ：  门槛低，精通-》多练习
                学习资料 ：书、教程、论坛
                工作量大
    2.JavaScript能干什么
        html    +   css 网页内容
        网页的行为：
            改进设计：动态效果
            验证表单
            检查浏览器
            创建cookies
        用户的  交互    交  交流    互  相互

    3.JavaScript是由什么构成-》怎么学习JavaScript
        逻辑处理：ECMAscript-》 变量、值、运算  流程控制、  数组、  对象    类
        负责DOM操作：   修改html的元素 -》  库 -》API
        浏览器BOM： 浏览器的信息：  大小

    
    
    -->
</body>
</html>

第二课

HTML

<!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>JavaScript语法基础</title>
    <script src="2.js"></script>
</head>
<body>

   
    
</body>



</html>

js

// 怎么使用js
// 三种方式



alert("hello    world");


// 语法：

// 1.用字母    数字    特殊符号    组成的命令

// 2.字母的大小写  敏感

// var qiuqiu = 1
// var QiuQiu = 2
// 3.行
// ；
// 4.注释 
// 单行注释
/*多行注释*/


// 5.输出
// alert   弹窗    警告

console.log("hello  world   console");

第三课

HTML

<!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>值和变量</title>
    <script src="3.js"></script>
</head>
<body>
    
</body>
</html>

js

// 值：
//     数字：
//         整数    0   1   -1  
//         小数 浮点数：1.11111
//     字符串："ashdjhdgwy\\sad" '1'
//     布尔值： 是true     没有    false
// -》直接量
// 变量
// 设 X = 2；

// 变量-》 容器-》存值
//     大小-》 直接量
//     变量=       地址    《- 对象    《- 一个数字    一个字符串


// 声明：

// var X;  声明    =   创建一个变量
// X   =   "hello  world";

// var X   = "hello  world"; 声明和赋值一起；


// 多个变量

// var X,   Y,     Z;

// X=1;
// Y=2;
// Z=3;

// var     x=1,y=2,z=3;

// x   变量名

// 1.变量名    必须是字母和数字    $ _组成

// var qiuqiu;
// 2.变量的开始，字母
// var qiuqiu false
// 3.变量的大小写敏感

var qiuqiu = "miao";
console.log(qiuqiu);

// var QiuQiu;


``


# 第四课
## HTML

表达式和运算符 ```

js

// 表达式  ：  运算符


// 算数 + - * / %

// 5/4     4*4 +1  

// 5%4=1
// 10%4=2


// 顺序：从左往右      先  *   /   %  +    -


// 1+2*3=1+6=7

// (3*3)

// 值：    数字    字符串      布尔型  true = 1 false = 0

// 加号 ：字符串   按字符串处理    数字

// 1+"a"="1"="a"="1a"
// 1+false=1+0=1
// false+"a"="false"
// ''
// -   *   /   %   转成数字

// 1-"1"=1-1=0

// 1-"A"=NAN   not a Number

// +1=1
// a=-1;

// ++  自增1
// --  自减1

// var a =1;
// a++;    ->自增1 -》a=a+1;
// a--;    ->自减1 -》a=a-1;


// ++a     先自增
// a++     后自增

// 一元    ++a
// 二元    a+b


// var a = 1;
// var b = (++a) + 5;

// a=a+1;
// var b = a +  5;

// (++a)
// a?2
// b?7

// var a = 1

// var b =(a++)    +   5;

// a？2

// b?6



// 打开控制台 输入以上验证


// 赋值

// +=
// -=  *=  /=  %=

// var a = 1
// a = a + 10;
// a+=10;
// a-=10;
// a=a-10;

// 比较   布尔型

// a  =    1 >2
// a >= 2 true

// <
// <=
// ==值
// ===类型 和值 

// false   =   0
// 0==false    -》 true
// 0===false   -》false


// 1=="1"  ->true
// 1==="1" ->false

// 1!=2


// 逻辑

// 布尔值  &&布尔值    -》布尔值

// ||
// ！

// true    &&  false   ->false
// a   &&  b   a 和b都是   true    true    false
// a   ||  b 有是true的吗  true    false
// !a  a=  true    false


// var a=60;
// varb=60;
// if(a>=60&&b>=60)

//     很高兴
// if(a<60||b<60)
//     挨揍

// 按位 >>
// c++

钟记小前端--全栈

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript学习

第一课HTML：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-...
复制链接

扫一扫

专栏目录