黑马程序员技术交流社区

标题: web前端javascript+jquery知识点总结 [打印本页]

作者: 逆风TO 时间: 2020-2-18 13:12
标题: web前端javascript+jquery知识点总结
Javascript
javascript 在前端网页中占有非常重要的地位，可以用于验证表单，制作特效等功能，它是一种描述语言，也是一种基于对象（Object）和事件驱动并具有安全性的脚本语言，语法同java类似，是一种解释性语言，边执行边解释。

JavaScript的组成：

ECMAScipt 用于描述: 语法，变量和数据类型，运算符，逻辑控制语句，关键字保留字，对象。
浏览器对象模型（Browser Object Model,BOM）用于同HTML的交互，如弹出一个警示框，询问框，输入框…
文档对象模型（Document Object Model,DOM）用于操作HTML的文档节点如鼠标，键盘，的移动按下的触发事件。
基本语法

[JavaScript] 纯文本查看 复制代码

<script type="text/javascript">



//Jacascript 语句  <!-- 可将script语句写入此处，忽略浏览器差异！ -->



document.write("初学JavaScript");

document.write("<h1>Hello,Javascript</h1>");



<script>

type=“text/javascript” 在HTML5中可以省略

执行原理

解析HTML标签和JavaScript然后浏览器向服务器发送请求包含js的请求页面，服务器解析完成后返回包含js的响应页面给客户端。
优点：客户端只需下载一次包含js的页面，减少不必要的网络通信，由浏览器客户端执行，减轻服务器的压力。

引用方式

1.内部js文件

[JavaScript] 纯文本查看 复制代码

<script>  js语句  </script>

2 外部引入js文件

[JavaScript] 纯文本查看 复制代码

<script src='文件路径'></script> //通常放入body中页面内容后面

3 直接写入到HTML标签中

[JavaScript] 纯文本查看 复制代码

<input name="btn" type="button" οnclick="javascript:alert("你好！")">

核心语法

[JavaFX] 纯文本查看 复制代码

//变量声明 变量名命名规则同理java可以有 下划线和美元符号 开头不能是数字

//js是弱类型语言但区分大小写，没有具体的数据类型，由所赋值判断类型

//不支持不声明变量直接使用，可以同时声明多个变量之间用逗号隔开



var 变量名；  或 var 变量名=值；

数据类型

undefined (未定义类型)
null (空类型)
number (数值类型)
String (字符串类型)
boolean (布尔类型)

[JavaScript] 纯文本查看 复制代码

typeof(变量名或值)； //返回数据类型

数组

javascript中数组也是具有相同数据类型的一个或多个值的集合，使用下标区分数组张的每一个值，下标从0开始。

[JavaScript] 纯文本查看 复制代码

var 数组名=new Array(size);

数组名[0]=2020; ...[1][2][..size]

var 数组名=new Array(2020,1213,...);

var 数组名=[2020,1213...];

javascript中的运算符，逻辑控制，循环结构同理java的使用方式。

注释

单行注释： // 注释内容

多行注释：/* 注释内容 */

资料

javascript的关键字保留字汇总：点我查看.

javascript的语法,命名规则,数据类型,常用对象详解:点我查看.

javscript程序调试语法排错：点我查看.

javascript常用函数及方法使用：点我查看.

函数

javascriot常用系统函数：

将原始值转成数字的函数：

parseInt(“以数字开头的字符串”); 返回一个整数或NaN

parseFloat(“以数字开头的字符串”); 返回一个保留两位浮点数或NaN

isNaN(a); 判断a是否为数值类型是数值为false 不是为true

[JavaScript] 纯文本查看 复制代码

<script>

        //定义一个javascript函数 也可以加参数函数名（参数1，...）

        function 函数名(){

        //javascript语句

        }

        

        //调用函数

        事件名=函数名();

        

</script>

JavaScript中的变量作用域也分级别，同理java就近原则，局部变量>全局变量

jQuery

jQuery时JavaScript的程序库之一，是JavaScript对象和实用函数的封装，它

极大的简化了代码量编写简单且跨浏览器的兼容性。

Jquery的用途

1 访问和操作DOM元素

2 控制页面样式

3 对页面事件的处理

4 方便使用JQuer插件

5 与Ajax技术的完美结合

uery的优势

1 轻量级

2 强大的选择器

3 出色的DOM封装

4 可靠的事件处理机制

5 出色的浏览器兼容

6 隐式迭代

7 丰富的插件支持

jQuery语法结构

工厂函数： $(); 美元符号等价于jQuery();

选择器 selector $(); 使用标签，id,类，后代选择器选择一个页面元素

方法 action(); 比如 click()，mouseover(),mouseout()…

作者: 王锦 时间: 2020-3-24 11:40

作者: zhaosongzhi 时间: 2020-3-24 11:42
学习到很多

作者: zhaosongzhi 时间: 2020-3-24 11:49
学习到很多

作者: zhanghua342 时间: 2020-3-24 11:50

作者: zhaosongzhi 时间: 2020-3-24 11:57
学习到很多

作者: 你不爱我 时间: 2020-3-24 11:59
加油

作者: 小公举 时间: 2020-3-24 12:03
面试重点呀感谢楼主的分享优秀棒棒棒

作者: 1467584 时间: 2020-3-24 12:43
66666666666666666666666666666666

作者: sdjadyhm 时间: 2020-3-24 15:24
666666666666666666666

作者: 逆风TO 时间: 2020-3-24 16:15
面试重点呀感谢楼主的分享优秀棒棒棒

作者: duanshaobo 时间: 2020-3-24 16:40
六六六六六六六六六

作者: 半个程序员 时间: 2020-3-24 16:50
javascript+jquery知识点总结

作者: 咨询部王丹 时间: 2020-3-25 09:50
很厉害哦！！！

作者: 霍尔 时间: 2020-3-25 15:52
棒棒的

作者: 王微 时间: 2020-3-25 15:54

作者: kdhdjdj 时间: 2020-3-25 16:46

棒棒的
棒棒的
棒棒的
棒棒的
棒棒的

作者: hongping 时间: 2020-3-25 16:58

感谢分享加油哦~

作者: 哦嗨呦 时间: 2020-3-25 17:06
好人一生平安

作者: yujq 时间: 2020-3-25 19:26
666666666666666666666

作者: manyihang 时间: 2020-3-26 09:09
加油

作者: 李娟玲老师 时间: 2020-3-26 10:21
感谢分享，加油！！！

作者: 小西西哦 时间: 2020-3-26 10:23

作者: daoqin 时间: 2020-3-26 14:58

棒棒的
棒棒的
棒棒的

作者: lzq123 时间: 2020-3-26 16:30
加油，你是最棒哒！

作者: 123木头人555 时间: 2020-3-26 18:53
感谢分享6666666666666666感谢分享

作者: zplxwl 时间: 2020-3-26 19:52
很不错哦!!!!!!!

作者: 八戒猪 时间: 2020-3-26 21:18

作者: 黑马程序员啊 时间: 2020-3-26 22:48
感谢楼主的分享棒棒棒

作者: 大安 时间: 2020-3-27 10:16

加油，你是最棒哒！

作者: 大智叔叔 时间: 2020-3-27 10:48

感谢分享加油哦~

作者: 就业高冷派 时间: 2020-3-27 10:58
棒棒的
棒棒的
棒棒的

作者: 爱笑的姑娘 时间: 2020-3-27 11:00
6666666666666666666666

作者: 九月丫 时间: 2020-3-27 11:01

感谢分享

作者: 举个栗子 时间: 2020-3-27 11:07

作者: 影@子~ 时间: 2020-3-27 11:09
好人一生平安

作者: hello！！！ 时间: 2020-3-27 11:23

作者: 我爱我1022 时间: 2020-3-27 11:34
加油

作者: jsnoob 时间: 2020-3-27 12:34
加油，加油，加油！！！

作者: 殷凯老师 时间: 2020-3-27 14:02
6666666666666666666666

作者: 耙丫丫 时间: 2020-3-27 16:20
666666666666666666666666

作者: longyu3 时间: 2020-3-27 16:57

感谢分享，，，加油加油＾０＾~

作者: Emmmmm~ 时间: 2020-3-27 17:48
棒棒哒棒棒哒

作者: lvxinvip 时间: 2020-3-27 18:15

作者: 素问 时间: 2020-3-27 20:48
感谢分享，加油~~~~！！！！！！！

作者: 零度☆黎明 时间: 2020-3-27 20:48
666666666666666666666666666666

作者: mydorling11 时间: 2020-3-27 21:21
666666666666666666666666666666666666666666666666666666666666666666666666

作者: 逆风TO 时间: 2020-4-2 11:06

王锦发表于 2020-3-24 11:40

努力，奋斗呀

作者: 逆风TO 时间: 2020-4-2 11:06

哦嗨呦发表于 2020-3-25 17:06
好人一生平安

努力，奋斗呀

作者: 逆风TO 时间: 2020-4-2 11:06

王微发表于 2020-3-25 15:54

努力，奋斗呀

作者: 逆风TO 时间: 2020-4-2 11:06

kdhdjdj 发表于 2020-3-25 16:46
棒棒的
棒棒的
棒棒的

努力，奋斗呀

作者: 逆风TO 时间: 2020-4-2 11:06

哦嗨呦发表于 2020-3-25 17:06
好人一生平安

努力，奋斗呀

作者: 逆风TO 时间: 2020-4-2 11:06

哦嗨呦发表于 2020-3-25 17:06
好人一生平安

努力，奋斗呀