JavaScript——原生JS基础(1)-CSDN博客

本文链接：https://blog.csdn.net/2401_84150191/article/details/138741173

通过class类名来获取

var box2 = document.getElementsByClassName(“div1”)[0];
通过id名来获取

var box3 = document.getElementById(“div2”);
通过name属性来获取

var box4 = document.getElementsByName(“div3”)[0];

备注： 获取页面元素的四种方式中，除了通过ID名获取的方式，其他方式获取到的都是数组，需要加下标使用。

通过JS设置HTML标签内容的两种方式：

1.innerHTML: 会修改开始标签到结束标签之间，所有的内容(覆盖子元素)

2.innerText: 只会修改文本内容

函数

============================================================

函数的整体语法：

1.定义函数：

声明函数的关键字函数名(参数)


    function myFun(){

			函数体(也就是，需要执行的功能)	

	}

备注：

函数只定义，不调用的话，是不执行的
函数在哪里调用，就在哪里执行
函数调用的次数，不限

2.调用函数：

通过函数名直接调用即可，无论是否有参数，都需要带上小括号

函数的四种状态：

1.无参无返回值


			function myFun(){

			 	alert("我是一个函数");

			}

2.有参无返回值

形参：自定义名称,不需要加var 就可以声明内存空间

实参：是向函数内部，传递的数据

备注：

在调用函数的过程中，实参是具体的数据，形参只是一块空白的内存空间；

实参向形参传参这个过程，就是一个值拷贝的过程。形参负责存储实参拷贝的值，并在函数中使用

但函数执行结束后，形参这块内存被回收，下次函数再被调用时，重新分配给形参空间;

实参给形参赋值，是按照实参()中，书写的顺序的来的


			function myFunTwo(c,e){  //形式参数列表 ， 简称形参

				alert(a+b);

			}

无参有返回值


			function sum(){

				var s = 0;

				for(var i = 1; i < 101; i++){

					s += i;

				}

				

				return s;

			}

有参有返回值


			function KFC(a,b){

					return a*b;

			}

备注：

函数在哪里调用，返回值就去到了哪里
有返回值的情况，一定需要新建变量来接受

函数的返回值：

需要写在return关键字后，可以是一个值，也可以是一个表达式计算出来的值。
return在一个函数中，理论上可以出现很多个，但是只有一个会执行
return被触发后，当前函数立刻结束，它下面的代码不再执行。

Math对象

================================================================

什么是Math对象： 是js提供给开发者的一款内置常见数学公式的对象，所有Math对象中的方法, 都会有返回值。

如何定义一个随机数：


Math.random()*(较大的数 - 较小的数) + 较小的数

范围只确定终点的随机数

var one = Math.random()*10;
范围两端都确定的随机数

var two = Math.random()*(10-7)+7;
去掉随机数中的小数

Math.ceil() : 向上取整

Math.floor() : 向下取整

Math.round() : 四舍五入

变量的作用域

================================================================

全局变量: 不在函数中声明或定义.(之前的写法);

它的作用范围，是当前整个文件. 任何地方都可以获取并修改它
局部变量：定义或声明在函数中的变量，当函数执行结束后，这个变量被回收

分支和循环结构并不能产生局部变量。它们产生的是全局变量

数组的基本概念

=================================================================

什么是数组：

数组是存储1个或多个数据的容器，它是一组内存空间。通常用来批量处理数据

这组内存空间的名字，叫做数组名

数组的特性：

数组是个不挑食的家伙，对其自身储存的数组元素并没有什么限制，无论是数量还是类型

通过数组下标(从0开始)来管理数组元素,不能直接通过数组名来操作数组元素,需要结合下标

数组名.length：

表示的是数组的长度,也是数组当前存储元素的个数

因为下标从0开始，所以数组长度-1表示数组内最后一个元素的下标；

创建一个数组：

传统写法


			var arr = new Array();

			var str = new String();

字面量(语法糖)


			var arr = [1,2,3,"haha"];

			console.log(arr);

访问数组：

访问单个元素

最后

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长，自己不成体系的自学效果低效漫长且无助。

因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点！不论你是刚入门Android开发的新手，还是希望在技术上不断提升的资深开发者，这些资料都将为你打开新的学习之门！

如果你觉得这些内容对你有帮助，需要这份全套学习资料的朋友可以戳我获取！！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！
715467686873)]

[外链图片转存中…(img-jidX3dI7-1715467686873)]

如果你觉得这些内容对你有帮助，需要这份全套学习资料的朋友可以戳我获取！！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！