随笔分类 - JS基础
JavaScript中 FileReader 对象详解
摘要:1.概念:FileReader 对象允许 Web 应用程序异步读取存储在用户计算机上的文件(或原始数据缓冲区即buffer)的内容,使用 File 或 Blob 对象指定要读取的文件或数据。 2.属性: FileReader.error : 一个DOMException,表示在读取文件时发生的错误
input的file一些实用属性
摘要:file自带一些有用的属性,今天整理一下 html: 1.multiple:是否多选,如果在html上面写上multiple="multiple"或者multiple就可以实现多选 2.accept:文件格式,这个可以控制文件格式,比如jpeg和gif还有Png之类的,写法是这样的<input ty
JS基础12--break和continue
摘要:<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=
JS基础11-3强制类型转换Boolean
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi
JS基础11-2强制类型转换Number
摘要:<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=
JS基础11-1强制类型转换String
摘要:<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=
JS基础10-对象3枚举对象的属性
摘要:<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=
JS基础10--对象2
摘要:对象的属性名不强制要求遵守标识符的规范 但是我们还是使用还是尽量按照标识符的规范去做 如果使用特殊的属性名,不能采用.的方式来操作 需要使用 对象["属性名"] = 属性值 读取时也需要采用这种方式 使用[]这种形式更加灵活,在[]中可以直接传递一个变量,这样变量的值是多少就会去读取哪个属性 代码:
JS基础10--对象1
摘要:对象的分类: 1、内建对象 ES标准定义的对象,在任何的ES的实现中都可以使用 如:Math String Boolean Function Object..... 2、宿主对象 由JS的运行环境提供的对象,目前来讲主要是指由浏览器提供的对象 比如BOM DOM 3、自定义对象 由开发人员自己创建的
JS基础9--for循环语句
摘要:/* 在for循环中,为我们提供了专门的位置来存放三个表达式: 1、初始化表达式 2、条件表达式 3、更新表达式 for循环的语法: for(初始化表达式;条件表达式;更新表达式){ 语句.... } for循环的执行流程: 1、执行初始化表达式,初始化变量 2、执行条件表达式,判断是否执行循环,
JS基础8--条件分支语句
摘要:/* switch...case...语句 在执行时会一次将case后的表达式的值和Switch后的条件表达的值进行全等比较, 如果值为true,则从当前case开始执行代码, 当前case后的所有代码都会执行,我们可以在case的后面跟着一个人break关键字, 这样可以确保只会执行当前case后
JS基础7--相等运算符
摘要:/* ==相等运算符用来比较两个值是否相等 如果相等会返回true,否则返回false 布尔值和数字进行==,会将布尔值转换为数字再比较 使用 == 来做相等运算 当使用 == 来比较两个值时,如果值的类型不同, 会自动进行类型转换,将其转换为相同的类型,然后再比较 使用 != 来判断两个值是否不相
JS基础6--逻辑运算符3
摘要:|| 或运算符 只要有一个为true就返回true,返回第一个true的值 两个都为false才返回flase,返回靠后的false的值 JS中的或为短路或,只要第一个值为true就不会在确认第二个值 截图: 代码: <!DOCTYPE html> <html lang="en"> <head> <
JS基础6--逻辑运算符2
摘要:&& || 非布尔值的情况 会先将其转换为布尔值,然后再运算,并且返回原值 与运算: 如果第一个值为true,则必然返回第二个值 如果第一个位false,则直接返回第一个值 JS中的与属于短路与如果第一个值为false则不会看第二个值 截图: 代码: <!DOCTYPE html> <html la
JS基础6--逻辑运算符
摘要:&&与 ||或 !非 如果对一个值进行两次取反,它不会变化 如果对一个非布尔值进行取反,则会将其转换为布尔值,再取反 所以我们可以利用该特点。来将一个其他的数据类型转换为布尔类型 可以为任意一个数据类型进行两次取反,来将其转换为布尔值 原理和Boolean()函数一样 {}是一个不完全空的对象,因为
JS基础5--自减
摘要:自减-- 通过自减可以使变量在自身的基础上减1 自减分成两种:后--(a--) 和 前--(--a) 无论是a-- 还是 --a 都会立即使原变量的值自减1 不同的是a++ 和 ++a的值不同 a--的值是等于原变量的值(自减前的值) --a的值是自减后的值 截图: 源码: <!DOCTYPE ht
JS基础4--自增
摘要:自增 ++ 通过自增可以使变量在自身的基础上增加一 对于一个变量自增以后,原变量的值会立即增加1 自增分成两种:后++(a++) 和 前++(++a) 无论是a++ 还是 ++a 都会立即使原变量的值自增1 不同的是a++ 和 ++a的值不同 a++的值是等于原变量的值(自增前的值) ++a的值是自
JS基础3-1--Number类型
摘要:在JS中所有数值都是Number类型 包括整数和浮点数(小数) JS中可以表示的数字的最大值 Number.MAX_VALUE 可以使用一个运算符typeof 来检查一个变量的类型 语法:typeof 变量 typeof b 检查字符串时返回String 检查数值时返回Number
JS基础3--数据类型
摘要:JS中的数据类型: Sting 字符串 Number 数值 Boolean 布尔值 Null 空值 Undefined 未定义 Object 对象 其中 Sting Number Boolean Null Undefined 属于基本数据类型 而Object属于引用数据类型。 //在JS中字符串需要
JS基础二--字面量和变量
摘要:/* 字面量,都是一些不可改变的值, 比如:1 2 3 4 5 字面量都是可以直接使用,但是我们一般不会直接使用字面量。 变量,变量可以用来保存字面量,而且变量的值可以任意改变的。 变量更加方便我们使用 X=1244 */ 代码截图: 源码: <!DOCTYPE html> <html lang="