U2随笔

Posted 2020-10-12

tags:

html 结构化

CSS 样式

javascript 行为交互

1、JavaScript基础

2、JavaScript操作BOM对象

3、JavaScript操作DOM对象*****

4、JavaScript的面向对象

------------------------------------------------------------------

jQuery（js）。css。js

jQuery选择器　　　　　*****

jQuery时间和动画

jQuery操作DOM对象　　*****

表单验证

表单验证的框架　　jquery　　validate

bootstrap　　封装了Html  css  js

 

 

 JavaScript基础（liveScript）

1、和java的关系，只是借势！

2、是一个脚本语言，以。js结尾

3、流浪器编译JavaScript，解析器我们称之为JavaScript引擎！

4、无需预编译　　*****

　　js是一种弱语言类型　　var  a=10;　　var  a="101";　　var  a=new Date();

5、运行在客户端　　***** 　　减轻服务器的压力

 

目的：

1、提升用户的体验

2、减轻服务器的压力、

组成部分：

1、ECMAScrip 规定了js的基本语法和基本对象

2、BOM（浏览器对象模型）提供了处理网页内容的方法和接口

3、DOM（文档对象模型）提供了与浏览器进行交互的方法和接口

 

我们一个页面中可以引入css文件还可以引入js文件？有没有顺序？

1、css写在head中

2、js文件的引入写在body的最下方

 

js的引入方式：

1、行内引入

2、内部引入

3、外部引人

 

js中的常用事件

1、不想让a超链接  立即跳转至指定的页面

2、想让用户点击的时候　做一些处理工作

javascript：伪协议

　　1、先去执行js代码

　　2、根据js代码做操作

　　alert（‘就是不跳转’）　　后续会换成某个操作的函数（方法）

<a href ="javascript：alert（‘就是不跳转’）">跳转</a>

伪协议　　javascript：

onclick　　点击事件

onblur　　失去焦点事件

onfocus　  获取焦点事件

 

js数据类型

undefined：声明但是没赋予初始值！没有被定义的变量！

　　　　var　　name；

　　　　alert（name）；//什么都没有

　　　　alert（typeof （name））；//undefined

number：包含了整数和浮点数

　　typeof （20）

　　typeof（20.2）

string：被单引号和双引号括起来的内容都是字符串

　　typeof （20）

　　typeof（20.2）

boolean：true 和 false

　　alert（typeof（TRUE））；//把TRUE当成一个变量名

　　alert（typeof（true））；　　//  √

　　alert（typeof（“true”））；　　//string

object：js中的对象，包含数组，null和对象！

null：控制，表示对象不存在，等于undefined！

typeof  检测变量的数据类型

1、typeof 空格变量名称

2、typeof（变量名称）*****

类型转换

parseInt（）：变量值可以不是一个数字，返回第一个不为数字的所有值，返回一个整数！