-
通过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对象: 是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)]
既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上Android开发知识点!不论你是刚入门Android开发的新手,还是希望在技术上不断提升的资深开发者,这些资料都将为你打开新的学习之门!
如果你觉得这些内容对你有帮助,需要这份全套学习资料的朋友可以戳我获取!!
由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!