JavaScript_基础笔记
javaScript基础:概念:一门客户端脚本语言 运行在客户端浏览器中的,每一个浏览器都有javaScript的解析引擎 脚本语言:不需要编译,直接可以被浏览器解析执行功能区: 可以来增强用户和html页面的交互过程,可以来控制html元素,让页面有一些动态的效果,增强用户体验javaScript发展史: 1992年:Nombase公司,开发出第一门客户端脚本语言,专门用于表单校验,命名为:C-- 更名为scripEase 1995年:Netscape(网景)公司,开发了一门客户端脚本语言:LiveScript,请来SUN公司的专家修改LiveScript命名为javaScript 1996年:微软抄袭javaScript开发出了Jscript语言 1997年:ECMA(欧洲计算机制造商)ECMAScript,就是所有客户端脚本语言的标准 JavaScript = ECMAScript + JavaScript自己特有的东西(BOM+DOM)ECMAScript:客户端脚本语言的标准 1.基本语法: 1.与HTML结合方式 1.内部JS:可以写在任意标签位置,会影响先后顺序 <script> script语句 </script> 2.外部JS: 1.创建a.js文件 2.<script src="a.js路径"></script> 把数据输出到页面: 弹窗:alert(内容) 页面输出:document.write(内容); 2.注释: 1.单行数值://注释内容 2.多行注释:/*注释内容*/ 3.数据类型: 1.原始数据类型(基本数据类型): 1.number:数字 整数/小数/NaN(not a number 不是数字的数字类型) 2.string:字符串 3.boolean:true和false 4.null:对象为空的占位符 5.undefined:未定义。如果一个变量没有给初始化值则会被默认赋值undefined typeof(变量):得到变量类型 2.引用数据类型:对象 4.变量: 一小块存储数据的内存空间 java语言是强类型语言,javaScript是弱类型语言 var 变量名 = 初始值; 5.运算符: 1.一元运算符:只有一个运算数的运算符 ++(自增) --(自减),+(正号) -(负号) 在前先自增或自减,在后先运算在自增或自减 2.算数运算符 + - * / % 3.赋值运算符 = += -= 4.比较运算符: > < >= <= == ===(全等于) 5.逻辑运算符: && || ! 其他类型转boolean 1.number:0为假 其他为真 2.string:空字符串是假 3.null和undefined:都是false 4.对象:所有对象都是true 6.三元运算符 条件? 成立执行:不成立执行 6.特殊语法: 1.语句以分号结尾,如果一行只有一条语句分号可以省略 2.变量的定义使用var关键字,也可以不使用 7.流程控制语句; 1.if...else 2.switch 在java中switch可以接收的数据类型:byte int short char 枚举(1.5) String(1.7) 在JS中可以接收任意原始数据类型 3.while 4.do...while 5.for 2.基本对象: 1.Function:函数对象 1.创建: 1.var fun = new Function(形式参数列表,方法体); 2.function 方法名称(形参列表){ 方法体; } 3.var 方法名 = function(形参){ 方法体; } 2.方法: 不需要返回值 3.属性: length:形参个数 4.特点: 1.方法定义时,形参的类型不用写 2.方法是一个对象,如果定义相同名的方法会覆盖 3.方法调用与名称有关,和参数无关 4.在方法什么中有一个隐藏的内置对象(数组),arguments,封装所有实际参数 5.调用 1.fun(3,4) 2.Array: 1.创建: 1.var arr = new Array(元素列表); 2.var arr = new Array(默认长度); 3.var arr = [元素列表]; 2.方法: 1.join(参数):将数组中的元素按照指定分隔符拼接为字符串, 2.push(元素):像数组的尾部添加一个或多个元素 3.属性 4.特定: 1.JS中元素的类型可变的。 2.JS中数组的长度是可变的 3.Boolean 4.Date: 1.创建: var date = new Date 2.方法: toLocaleString():返回当前date对象对应的时间本地字符串格式 getTime():获取毫秒值,返回当前时间到1970年1月1日零点的毫秒值 5.Math:数学 1.创建: 特点:Math对象不用创建,直接使用Math.方法名 2.方法: Random()返回0~1之间的随机数,包含0 cell():把数进行向上取整 floor(x):对数进行向下取整 round(x):把数四舍五入最近取整 3.属性: PI:圆周率 取1~100之间的随机数: 1.Math.random()产生随机数:范围(0,1)小数 2.乘以100 -- > [0,99.9999] 小数 3.舍弃小数部分:floor -- > [0,99]整数 4.+1 -- > [0,99]整数 [1,100] 6.Number 7.String 8.RegExp:正则表达式对象 1.正则表达式:定义字符串的组成规则。 1.单个字符:[] 如:[a]表示a [ab]表示a或b [a-z]a到z 特殊符号代表特殊含义: \d:单个数字字符 \w:单个单词字符 2.量词符号: ?:表示出现0次或1次 *:表示0次或多次 +:表示1次或多次 {m,n}:m<=数量>=n {,n}:最多n次 {m,}最少m次 3.开始结束符号 ^:开始 $:结束 2.正则对象: 1.创建: 1.var reg = new RegExp("正则表达式") 2.var reg = /正则表达式/ 2.方法: 1.test():验证指定的字符串是否符合正则定义的规范 9.Global: 1.特点:全局对象,Global中封装的方法不需要对象就可以直接调用。方法名() 2.方法: encodeURI():url编码 decodeURI():url解码 encodeURIComponent():url编码 decodeURIComponent():url解码 parseInt():字符串转为数字 逐一判断每个字符是否是数组,直到不是数字位置,将前边数字转为number isNaN():判断一个值是否是NaN NaN六亲不认,NaN参与的==比较全部为false eval():计算JavaScript的字符串转成脚本运行
JavaScript_基础笔记的更多相关文章
- Java基础笔记 – Annotation注解的介绍和使用 自定义注解
Java基础笔记 – Annotation注解的介绍和使用 自定义注解 本文由arthinking发表于5年前 | Java基础 | 评论数 7 | 被围观 25,969 views+ 1.Anno ...
- php代码审计基础笔记
出处: 九零SEC连接:http://forum.90sec.org/forum.php?mod=viewthread&tid=8059 --------------------------- ...
- MYSQL基础笔记(六)- 数据类型一
数据类型(列类型) 所谓数据烈性,就是对数据进行统一的分类.从系统角度出发时为了能够使用统一的方式进行管理,更好的利用有限的空间. SQL中讲数据类型分成三大类:1.数值类型,2.字符串类型和时间日期 ...
- MYSQL基础笔记(五)- 练习作业:站点统计练习
作业:站点统计 1.将用户的访问信息记录到文件中,独占一行,记录IP地址 <?php //站点统计 header('Content-type:text/html;charset=utf-8'); ...
- MYSQL基础笔记(四)-数据基本操作
数据操作 新增数据:两种方案. 1.方案一,给全表字段插入数据,不需要指定字段列表,要求数据的值出现的顺序必须与表中设计的字段出现的顺序一致.凡是非数值数据,到需要使用引号(建议使用单引号)包裹. i ...
- MYSQL基础笔记(三)-表操作基础
数据表的操作 表与字段是密不可分的. 新增数据表 Create table [if not exists] 表名( 字段名 数据类型, 字段名 数据类型, 字段n 数据类型 --最后一行不需要加逗号 ...
- MYSQL基础笔记(二)-SQL基本操作
SQL基本操作 基本操作:CRUD,增删改查 将SQL的基本操作根据操作对象进行分类: 1.库操作 2.表操作 3.数据操作 库操作: 对数据库的增删改查 新增数据库: 基本语法: Create da ...
- MYSQL基础笔记(一)
关系型数据库概念: 1.什么是关系型数据库? 关系型数据库:是一种建立在关系模型(数学模型)上的数据库 关系模型:一种所谓建立在关系上的模型. 关系模型包含三个方面: 1.数据结构:数据存储的问题,二 ...
- JavaScript基础笔记二
一.函数返回值1.什么是函数返回值 函数的执行结果2. 可以没有return // 没有return或者return后面为空则会返回undefined3.一个函数应该只返回一种类型的值 二.可变 ...
随机推荐
- 激活密钥许可证VMware Workstation Pro 15 激活许可证
虚拟机 VMware Workstation Pro 15.5.0 及永久激活密钥 虚拟机下载地址:https://download3.vmware.com/software/wkst/file/VM ...
- Java使用对象类型作为方法的返回值
- Go 使用切片
1.使用切片字面量来声明切片 // 创建一个整型切片 // 其容量和长度都是 5 个元素 slice := [], , , , } // 改变索引为 1 的元素的值 slice[] = 2.使用切片创 ...
- 前端每日实战:63# 视频演示如何用纯 CSS 创作一台烤面包机
效果预览 按下右侧的"点击预览"按钮可以在当前页面预览,点击链接可以全屏预览. https://codepen.io/comehope/pen/OEBJRN 可交互视频 此视频是可 ...
- java基础复习(二)
一. 基本语法 如果一个源文件中什么内容都没有,编译会不会生成 字节码文件?不会 如果一个类中没有主方法(如下图),编译运行会怎么样?编译可以通过,但运行报错 : 没有主方法 主方法 : 是一个特殊的 ...
- ubuntu安装deb包(dpkg)
安装 sudo dpkg -i DEB_PACKAGE 卸载 sudo dpkg -r PACKAGE_NAME 重新配置已安装的包 Reconfigure an existing package 例 ...
- 解决如何通过循环来使用数据库的值设置jsp的select标签的option值
Select 处的代码: <select name="position"> <span style="white-space:pre"> ...
- iOS设计模式之工厂模式
一,什么是工厂模式 模式定义: “专门定义一个类来负责创建其他类的实例,被创建的实例通常具有共同的父类.” 世界上就是由一个工厂类,根据传入的参数,动态地决定创建出哪一个产品类的实例. 需求场景: 简 ...
- 解决“element表单验证输入的数字检测出来是string”的问题
form表单: 校验规则: 注意:一.数字类型的验证需要在 v-model 处加上 .number 的修饰符,这是 Vue 自身提供的用于将绑定值转化为 number 类型的修饰符.二.校验中是否添加 ...
- AT2705 Yes or No(组合数学)
传送门 解题思路 首先将这个模型放到坐标轴上,\(x\)轴表示\(1\),\(y\)轴表示\(0\).问题就转化成了从\((0,0)\)走到\((n,m)\),每次可以猜测向\(x\)轴或向\(y\) ...