css、js和jquery

1.css选择器样式优先级:行内样式>id选择器>类选择器>元素选择器

2.JavaScript的组成

CMAScript (核心):规定了JS的语法和基本对象

DOM 文档对象模型:处理网页内容的方法和接口

BOM 浏览器对象模型:与浏览器交互的方法和接口

3.JavaScript变量

变量:标示内存中的一块空间,用于存储数据,且数据是可变的。使用var接收

变量的声明:var 变量名; //变量赋予默认值,默认值为undefined(未定义的)

变量的声明和赋值:var 变量名=值;   //变量赋予对应的值

在声明JavaScript变量时,需要遵循以下命名规范

  必须以字母或下划线开头,中间可以是数字、字符或下划线

  变量名不能包含空格等符号

  不能使用JavaScript关键字作为变量名,如:function、this、class

  JavaScript严格区分大小写。

3.JavaScript基本数据类型

  string 字符串类型。””’’都是字符串,没有任何区别 JavaScript中没有单个字符

  boolean 布尔类型  固定值为truefalse

  number 数字类型  任意数字

  null 一个占位符。

  undefined 未定义类型该类型只有一个固定值undefined,表示变量声明却未               定义具体的值。

 因为undefined是从null中派生出来的,所以undefined==null

引用数据类型

引用类型通常叫做类(class),但在JavaScript中,因为不存在编译过程,所以没有类的概念,所处理的引用数据类型都是对象

标准创建方式

  var str = new String();//java相同

  var str = new String;  //js独有的方式

4.运算符

== 逻辑等。仅仅对比值

===全等  对比值并且对比类型。如果值和类型都相同,则为true;值和类型有一个不同,则为false。除了===比较的是内容和类型外,其他比较运算符都比较的是内容。

JavaScript逻辑运算符没有 &  |

5.正则对象

5.1 RegExp对象的创建方式

var  reg = new RegExp("表达式"); (开发中基本不用)

var reg = /^表达式$/; 直接量(开发中常用)

直接量中存在边界,即^代表开始,$代表结束,直接量方式的正则是对象,不是字符串,别用引号。

5.2test方法

正则对象.test(string); 用来校验字符串是否匹配正则全部字符匹配返回true有字符不匹配返回false。

//练习:验证手机号
var regex=/^1[3,5,7,8][0-9]{9}$/;
var phone="15623637872";
alert(regex.test(phone));

6.JS数组对象

6.1JS数组的特性

JS数组可以看做 Java中的ArrayList 集合。数组中的每一个成员没有类型限制,及可以存放任意类型,数组的长度可以自动修改 。

6.2JS数组的四种创建方式

  1. var arr = [1,2,3,”a”,true]; //常用的JS数组。 长度5
  2. var arr = new Array();创建一个数组对象数组长度默认为0
  3. var arr = new Array(4);数组长度是4,相当于开辟了长度为4的空间,每个元素undefined。(仅在显示数组时进行处理,undefined为了方便显示变成了空字符串形式,其值本质仍然是undefined
  4. var arr = new Array(“a”,”b”,true);  //创建了一个数组长度3, 数组元素是”a”,”b”,true

6.3JS数组的常用属性/方法

 7.全局函数(global

执行:

编码:

解码:

 字符串转整数:

字符串转浮点数:

如果字符串的某个字符从字面值上无法转为数字那么从该字符开始停止转换仅返回前面正确的转换值(例如:11.5a55parseInt结果11parseFloat结果11.5

如果字符串的第一个字符就无法从字面值上转为数字那么停止转换返回NaN。NaNNot A Number,一个数字类型的标识,表示不是一个正确的数字

8.自定义函数/自定义方法

1)JavaScript函数定义必须用小写function

2)JavaScript函数无需定义返回值类型直接在function后面书写 方法名

3)参数的定义无需使用var关键字,否则报错;

4)JavaScript函数体中return可以不写,也可以return 具体值或者仅仅写return

JavaScript函数调用执行完毕一定有返回值值及类型根据return决定,如果未return具体值,返回值为undefined

JavaScript函数若同名不存在方法重载只有方法相互覆盖最后定义的函数覆盖之前的定义

因为JavaScript不存在函数重载所以JavaScript根据方法名来调用函数即使实参与函数的形参不匹配也不会影响正常调用如果形参未赋值,就使用默认值undefined

对象直接量:var 对象 = {属性名1:”属性值1”, 属性名2:”属性值2”, 属性名3:”属性值3”……};。

9.BOM对象

BOMBrowser Object Model)浏览器对象模型

9.1消息框

1)alert():警告框用来弹出警告消息。示例:alert("弹出吧");

2)confirm():确认框,用于告知用户信息并收集用户的选择。

示例1:confirm("确认或取消")。该方法有返回值用户通过选择“确定”或者“取消”,方法结束会返回boolean类型的值。确定”返回ture“取消”返回false。

3)控制台console:在浏览器的控制台打印console.log(“内容”);

猜你喜欢

转载自www.cnblogs.com/zys2019/p/11788970.html
今日推荐