JavaScript学习

最新推荐文章于 2024-05-03 23:30:14 发布
最新推荐文章于 2024-05-03 23:30:14 发布
阅读量81 收藏
点赞数
分类专栏： 学习
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_40997551/article/details/104221974
版权

第五课

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>
</head>
<body>
    
</body>
</html>

js


// 数据类型和转换 


// 值  ：数字  字符串  布尔值

// JS  -》 弱类型      强类型 string a  =   "aaaa"


// var a;

// 原始类型：  数字 Number     字符串String        布尔型Boolea    undefined  null


// 对象：Object

// var a ; ->
// var a = null;空的object


// 查看类型

// typeof()



// 系统自带的对象  数组    函数 

// 自定义 {}

// var a=1;
// var b=2;


// 数组：把原始类型排列好
// 三门课  -》   60 61 62

// var a =["a",61,62];
// 下标    序号    0   自增    ++
// a[0]->60
// a[1]->61
// a[2]->62

// 自定义对象

// var a1 = 60；
// var a2 = 61；
// var a3 = 62；

// var a ={"a1":60,"a2":61,"a3":62}
// a.a1 ->60
// a.a2 

// var a = {0:60,1:61,2:62}
// a[0] ->60;





// 原始类型：  数字 Number     字符串String        布尔型Boolea  

// var a =?;
// var b =Number(a);

// 1+"1" -> "11"

第六课

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="6.js"></script>
</head>
<body>
    
</body>
</html>

js

// 条件判断 if
// switch  选择
// 循环 for  while 


// if(表达式   条件)   -》 真

// {
//     语句
// }


// var score = 98 ;

// if(score > 90 ){
//     console.log("奖励100块");

// }else
// {
//     console.log("做任务");
// }




// var score = 80 ;

// if(score > 90 ){
//     console.log("奖励100块");

// }else if(score >80)
// {
//     console.log("奖励50块");

// }else
// {
//     console.log("做家务");
// }

/*
var day = 1;
switch(day)
// switch(表达式 的值)
{
    case 1:
        console.log("星期一");
        // a = 1;
        // b++;
        break;//跳转语句
    case 2:
        console.log("星期二");

        // a = 2；
        break;
    case 3:
        console.log("星期三");
        break;

    default:
        console.log("不知道星期几");

        a++;
        break;
}

*/

// 循环：重复多次做一件事
// 说10次  我要100块

// var a=1;
// if(a<=10)
// {
//     console.log("我要100块");

// }
// a = a+1;


// for(var a = 1; a<=10;a = a+1)   //循环条件
// {
//     console.log(a + "我要100块");
// }

// var a = 1;
// while(a<=10)
// {
//     console.log(a + "我要100块");
//     a = a+1;
// }


// while(true)
// {
//     console.log(a + "我要100块");
//     a = a+1;
//     if(a > 10)
//     {
//         break; 
//     }
// }


// while(true)
// {
//     console.log(a + "我要100块");
//     a = a+1;
//     if(a <= 10){
//         continue;
//     }
//     break;

    
// }



var a = 1;
do {
    console.log(a + "我要100块");
    a = a +1;

}while(a<=10);










var end;
// break;

第七课

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="7.js"></script>
</head>
<body>
    
</body>
</html>

js

// 函数： 代码的复用：写一遍代码，多次使用  ——》把特定功能的语句   打包    放在一起         下次直接调用包


// function 名字 (0，1，多个参数){
//     执行语句
// }


// function slogan() {
//     for ( var a=1;a<=10;a++){
//         console.log(a + "好好学习，努力赚钱");
//     }
// }

// 喊口号  10 slogan(10)
// function slogan(num) {  //形参

        // time  ->undefined;  默认值  7
        // if(time == undefined)
        //     time = 7;

        // time = time || 8;


//     for ( var a=1;a<=num;a++){
//         console.log(a + "好好学习，努力赚钱");
//     }
// }

// function slogan(num,time) {  //多形参
//     for ( var a=1;a<=num;a++){
//         console.log(time + "点" + a + "好好学习，努力赚钱");
//     }
// }

// var time = 7;

// slogan(10,time); //实参  实际的参数


// var time = 12;

// slogan(5,time);









// var time = 7;

// slogan(10); //实参  实际的参数

// var fname = slogan;
// fname();



// for ( var a = 1; a<=10;a++){
//     console.log("好好学习 ，努力赚钱")；

// }

// var time = 12;
// slogan();


// for ( var a = 1;a<=10;a++){
//     console.log("好好学习，努力赚钱");

// }


// var time = 23;
// slogan();


// for ( var a =1;a<=10;a++){
//     console.log("好好学习，努力赚钱");
// }


// 返回值  return;

// 怎么返回，在函数中用return 然后在函数外定义

// function add(x,y){  //加法
//     var z = x + y;
//     return  z;
// }

// var rs = add(1,2);
// console.log("1+2=" + rs );

// rs = add(3,4);
// console.log("3+4=" +rs );


// var rs = z;  //add(1,2);



// 动态参数


function add(x,y){  //加法    函数的定义
    // [1,2,4,5,23]
    // var z = ;

        return x + y;
    }


    
    var rs = add(1,2,4,5,23);  //函数的调用

    console.log("1+2 4,5,23 =" + rs );
    
    rs = add(3,4);
    console.log("3+4=" +rs );
    
    
    // var rs = z;  //add(1,2);

第八课

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>函数的arguments</title>
    <script src="8.js"></script>
</head>
<body>
    
</body>
</html>

js

// 动态参数


function add(){  //加法    函数的定义
    // var arguments -> [1,2,4,5,23]
    // x = arguments[0];
    // y = arguments[1];

        var z = 0;
        for( var i = 0;i<arguments.length;i++){
            z += arguments[i];

        }   

        return z;
    }


    
    var rs = add(1,2,4,5,23);  //函数的调用

    console.log("1+2 4,5,23 =" + rs );
    
    rs = add(3,4);
    console.log("3+4=" +rs );
钟记小前端--全栈
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JavaScript学习指南
03-20
JavaScript学习指南 JavaScript，一种广泛应用于网页和网络应用的脚本语言，是互联网上最流行的编程语言之一。它主要用于客户端的交互式网页开发，也可以在服务器端通过Node.js平台进行后端开发。JavaScript与Java...
JavaScript学习指南 高清 PDF
10-20
这份"JavaScript学习指南"高清PDF，无疑为想要深入理解JavaScript的初学者或有一定基础的开发者提供了宝贵的资源。下面，我们将深入探讨JavaScript的一些关键知识点。 1. **基础语法**：JavaScript的基础包括变量、...
JavaScript 基础知识
Morbidmuse的博客
12-21 543
/* 第一章:JavaScript简介 JavaScript简介: 一种嵌入到HTML中的编程语言,或称为脚本语言,由浏览器边解释边执行,所以它是一种解释性语言 作用是控制网页的行为. 因为有了JS,使得用户可以和页面进行交互(如鼠标操作) JS的引入方式: 在HTML中引入js一般有三种方式: 外部JS 把html文件和js文件分开放在不同的文件夹中,在html文档中通过<script>标签来引用 这是最常用的引入方式,有利于提升网站性能和可维护性 既可以在he.
19 JavaScript学习：调试
百锦再的博客
04-28 8万+
使用控制台：在浏览器的开发工中的控台输入代码实时查看的函数等信息，帮调试程序4. 使用调试工具一些开环境（）或者浏览器插件提供了专门的调试工具，如Chrome DevTools、Firefox Developer Tools等，可以更，开发者可以发的错误，并及时修复，代码质量和开发效率。使用断点：在浏览器的开发者工具中设置断点，当程序执行到断点处时暂停执行，开发者可以查看当前变量的值、调用栈等信息，帮助定位问题。关键字可以手动触发断点，不需要依赖开发者工具中的设置断点功能，方便在代码中灵活地进行调试。
10 JavaScript学习：函数
百锦再的博客
04-23 7万+
使用 function 关键字：// 函数体使用函数表达式：// 函数体使用箭头函数（ES6）：// 函数体// result 等于 5// result 等于 6。
18 JavaScript学习：错误
百锦再的博客
04-26 8万+
try…catch语句用于捕获可能出现的错误，并在出错时执行相应的错误处理代码。在JavaScript中，try块中的代码是被监视的，如果其中的代码出现了错误，就会立即跳到catch块中执行错误处理代码。try {// 可能会抛出错误的代码throw new Error('这是一个自定义错误！');// 处理错误的代码在这个例子中，try块中的代码是被监视的，如果条件condition为true，就会抛出一个自定义错误对象。
22 JavaScript学习：表单验证
热门推荐
百锦再的博客
04-30 9万+
JavaScript 表单验证是一种常用的前端技术，可以通过编写 JavaScript 脚本来对用户在表单中输入的数据进行验证，确保其格式和内容符合要求。但需要注意，前端验证只能作为一种辅助手段，真正的数据验证应该在后端进行，以确保数据的安全性和可靠性。其原理是在用户提交表单时，触发 JavaScript 函数进行对用户输入数据的验证，以确保其格式和内容符合预期。HTML5引入了一些新的表单输入类型和属性，可以在不编写JavaScript的情况下自动验证用户输入。最好根据具体需求和业务场景进行调整和优化。
26 JavaScript学习：JSON和void
最新发布
百锦再的博客
05-03 9万+
在 JavaScript 中，JSON 格式是一种常见的数据交换格式，它与 JavaScript 对象有着相似的结构，但在一些细节上有所不同。在 JSON 中，每个键值对由一个名称和一个值组成，名称是一个字符串，值可以是字符串、数字、布尔值、Null、数组或嵌套对象等不同类型的数据。是一个特殊的表达式，通常用于在 href 属性中作为超链接的 URL，以防止页面跳转。在 JavaScript 中，可以使用内置的 JSON 对象提供的方法将 JSON 字符串转换为 JavaScript 对象。
15 JavaScript学习：循环
百锦再的博客
04-25 8万+
JavaScript中的循环语句用于重复执行特定的代码块，直到指定的条件不再满足。条件判断：在每次迭代开始前都会检查的条件，如果条件为真，则继续执行循环体内的代码块；条件判断：在每次迭代开始前都会检查的条件，如果条件为真，则继续执行循环体内的代码块；循环是 JavaScript 中最常用的循环语句之一，它允许在一定次数的循环中重复执行代码块。在这个示例中，无论条件是否满足，循环体内的代码块至少会执行一次。循环更适合在条件为真时重复执行代码块，或者在需要至少执行一次循环体的情况下使用。
13 JavaScript学习：运算符
百锦再的博客
04-25 7万+
JavaScript 中的算术运算符用于执行基本的数学运算，常见的算术运算符包括加法（+）、减法（-）、乘法（*）、除法（/）和求余（%）。：将数字的二进制码向右移动指定的位数，高位补符号位（正数补0，负数补1）。减等赋值（-=）：将右侧的值从左侧的变量中减去，并将结果赋给左侧的变量。加等赋值（+=）：将右侧的值加到左侧的变量上，并将结果赋给左侧的变量。乘等赋值（*=）：将左侧的变量乘以右侧的值，并将结果赋给左侧的变量。除等赋值（/=）：将左侧的变量除以右侧的值，并将结果赋给左侧的变量。
11 JavaScript学习：事件
百锦再的博客
04-23 7万+
事件是指用户在页面上执行的动作（如点击按钮、鼠标移动、键盘输入等）或者浏览器本身触发的动作（如页面加载完成、窗口尺寸改变等）。JavaScript 可以通过事件监听器来捕获这些事件，并对其做出相应的处理，从而实现页面的动态交互效果。这些是一些常见的 HTML 事件，还有许多其他事件可以用于不同的交互行为。通过事件属性和相应的 JavaScript 函数，可以实现丰富的用户交互功能。通过监听用户的操作并进行合适的响应，可以提升用户体验并实现更多交互功能。
05 JavaScript学习：语法
百锦再的博客
04-19 6万+
在 JavaScript 中，变量定义是指声明一个变量并为其分配一个值。varlet和const。varvar是 JavaScript 最早引入的声明变量的关键字。使用var声明的变量具有函数作用域，而不是块级作用域。var x = 10;// 使用 var 定义变量 xletlet是 ES6（ECMAScript 2015）引入的声明变量的关键字。使用let声明的变量具有块级作用域，只在声明的块内部有效。let y = 20;// 使用 let 定义变量 yconstconst。
JavaScript学习（一）
05-25
JavaScript学习（一） JavaScript是一种广泛应用于网页和网络应用的脚本语言，由 Netscape 的 Brendan Eich 在1995年发明。它主要用于客户端的网页交互，赋予网页动态功能，如响应用户操作、处理数据、与服务器通信...
javascript 学习
04-09
在本文中，我们将深入探讨JavaScript的学习路径、重要概念以及如何利用它来增强网页交互性。 首先，让我们从基础开始。JavaScript是ECMAScript规范的实现，它的主要用途是使网页动态化，提供用户交互、页面更新、与...
2020目前比较流行的网站开发框架
qq_40997551的博客
07-20 2134
一、前端框架 Angular Angular原名angularJS诞生于2009年，之bai前我们都是用dujquery开发，自从angular的出现让我们有了新的选择zhi，它最大的特点是把后端的一些开发模式移植到前端来实现，如MVC、依赖注入等。 Angular方向 大而全型的框架，为大型项目所推崇，深度整合Typescript和Rxjs。 web端主流技术方案： Angular.js + Typescript 移动小程序端技术方案 类原生App开发：ionic Angular没怎么去了解过，只知道一
JavaScript学习资源大全
"JavaScript学习指南" JavaScript，又称为JS，是一种广泛应用于网页和互联网应用的轻量级编程语言，它主要用于客户端的网页脚本编写，使网页具有动态交互性。JavaScript可以操控HTML元素、处理用户输入、操作DOM...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值