JavaScript
文章平均质量分 87
路上
追星星の人
这个作者很懒,什么都没留下…
展开
-
(14)样式类修改、JSON
14、1、修改对象的样式类1、修改对象的样式类案例:可以对对象的样式类进行修改,包括增加样式类、删除样式类、查找是否含有此样式类以及切换是否有此样式类。<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> .b1{ width:100px; height原创 2021-12-02 21:01:36 · 473 阅读 · 0 评论 -
(13)BOM
@TOC1、BOM介绍BOM:浏览器对象模型,在BOM中可以通过IS来操作浏览器BOM中为我们提供了一组对象,用来完成对浏览器的操作BOM对象:window代表的是整个浏览器窗口,同时window也是网页中的全局对象Navigator代表当前浏览器的信息,通过该对象可以来识别不同的浏览器Location代表当前浏览器的地址栏信息,通过Location可以获取地址栏信息,或者操作浏览器跳转页面History代表浏览器的历史记录,可以通过该对象来操作浏览器的历史记录由于隐私原因,该对原创 2021-11-28 20:38:05 · 472 阅读 · 0 评论 -
(12)事件对象
(12)、事件对象1、实时显示鼠标坐标2、div随鼠标移动3、事件的冒泡4、 事件的委派1、实时显示鼠标坐标onmousemove:该事件将会在鼠标在元素中移动时触发事件对象当事件的响应函数被触发时,浏览器每次都会将一个事件对象作为实参传递进响应函数中,事件对象中封装了当前事件相关的一切信息,比如:鼠标的坐标,键盘的哪个键被按下 鼠标滚轮滚动的方向clientX:获取鼠标指针的水平坐标clientY:获取鼠标指针的垂直坐标<html> <head> <原创 2021-11-11 21:41:14 · 103 阅读 · 0 评论 -
(11)使用DOM操作CSS
(11)使用DOM操作CSS1、DOM操作内联样式1、DOM操作内联样式通过JS修改元素的样式语法:元素.style.样式名 = 样式值注意,如果CSS的样式名中含有-这种名称在JS中是不合法的,如background-color需要将这种样式名修改为驼峰命名法,去掉-,然后将-后的首字母大写我们通过style属性设置的样式都是内联样式(在html结构标签中写的)而内联样式有较高的优先级,所以通过JS修改的样式往往会立即显示但是如果在样式中写了!important,则此时样式会原创 2021-11-10 16:20:00 · 769 阅读 · 0 评论 -
(10)DOM增删改
(10)DOM增删改一级目录二级目录三级目录一级目录二级目录三级目录原创 2021-11-09 20:20:00 · 728 阅读 · 0 评论 -
(9)DOM及DOM查询
这里写目录标题1、宿主对象2、 DOM3、节点4、文档节点三级目录1、宿主对象由浏览器或运行环境所提供的对象。主要讲两种对象DOM、BOM。2、 DOMdocument object module,文档对象模型JS中通过DOM来对HTML文档进行操作,只要理解了DOM就可以随心所欲的操作WEB页面。文档:整个HTML网页文档。对象:将网页中的每一个部分都转换为了一个对象。模型:使用模型来表示对象之间的关系,这样方便我们获取对象。3、节点节点Node,是构成我们网页的最基本的组成元素,网原创 2021-11-08 20:59:23 · 885 阅读 · 0 评论 -
(8)正则表达式
(8)正则表达式1、正则表达式简介二级目录三级目录1、正则表达式简介 正则表达式用于定义一些字符串的规则,计算机可以根据正则表达式,来检查一个字符串是否符合规则。语法;var 变量 = new RegExp(“正则表达式”,“匹配模式”); 使用typeof检查正则对象,会返回object var reg = RegExp(“a”);这个正则表达式可以来检查一个字符串中是否含有a。 在构造函数中可以传递一个匹配模式作为第二个参数,可以是i 忽略大小写;g 全局匹配模式正则表达式方法原创 2021-10-31 21:00:02 · 239 阅读 · 0 评论 -
(7)数组及其他内建对象
(7)数组1、数组2、创建数组及添加数组元素3、数组插入删除的四个方法4、数组遍历 对象分为三类,内建对象、宿主对象、自定义对象。 内建对象:ES标准定义的对象,1、数组 数组是一个对象,它和普通对象功能类似,也是用来存储一些值的,不同的是普通对象是使用字符串作为属性名,而数组是使用数字作为索引操作对象,索引为从0开始的整数,数组的存储性能比普通对象要好,在开发中我们经常使用数组来存储一些数据。创建数组对象var arr = new Array();使用typeof检查一个数组时,会原创 2021-10-10 16:49:33 · 125 阅读 · 0 评论 -
(6)函数
函数函数简介2、函数的参数二级目录三级目录函数简介 函数也是一个对象,函数可以封装一些功能(代码),在需要时可以执行这些功能(代码)。创建一个函数对象var fun = new Function();可以将要封装的代码以字符串的形式传递给构造函数。var fun = new Function(“console.log('hello 这是一个函数‘);”);(很少用)封装到函数中的代码不会立即执行,函数中的代码会在函数调用中执行。调用函数语法函数对象();当调用函数时,函数封装的代码会原创 2021-09-13 09:10:24 · 67 阅读 · 0 评论 -
(5)JS数据类型2-对象
JS数据类型2-对象1、对象2、属性名和属性值2、基本数据类型和引用数据类型3、对象字面量1、对象基本数据类型都是单一的值,值和值之间不存在联系。对象属于一个复合的数据类型,在对象中可以保存多个不同数据类型的属性。JS对象的属性值可以是任意数据类型,包括对象。对象的分类由ES标准中定义的对象,在任意的ES中都可以使用。比如Math、Number、Boolean、Function、Object、、、宿主对象:由JS的运行环境提供的对象,目前来讲主要由浏览器提供的对象,比如DOM、自定义对象:原创 2021-09-07 20:38:30 · 379 阅读 · 0 评论 -
(4)代码流程-顺序、分支、循环
代码流程-顺序、分支、循环1、代码块2、语句分类条件判断语句条件分支语句(switch语句)循环语句3、prompt()函数4、break和continuebreakcontinue5、计时器1、代码块 JS中可以使用{}为语句进行分组,同一个{}中的语句成为一组语句。它们要么都执行,要么都不执行。一个{}中的语句被称为一个代码块。代码块后无分号。 JS中的代码块,只有分组的作用,没有其他的作用。代码块内部的内容,在外面是完全可见的。2、语句分类条件判断语句、条件分支语句、循环语句条件判断语原创 2021-09-07 17:45:43 · 503 阅读 · 0 评论 -
(3)运算操作
运算操作1、算数运算符2、一元运算符3、自增与自减自增分为两种,后++(a++) 与前++(++a),两种都会使变量的值自增1.自减分为两种,后--(a--) 与前--(--a),两种都会使变量的值自减1.4、逻辑运算符非运算:对布尔值进行取反操作与运算:对符号两侧值进行与运算并返回结果或运算:对符号两侧值进行或运算并返回结果非布尔值的与或运算5、赋值运算符6、关系运算符7、Unicode编码8、相等运算符8、条件运算符9、运算符优先级1、算数运算符+(加) 、-(减) 、*(乘) 、/(除) 、%(取原创 2021-09-06 21:53:13 · 743 阅读 · 1 评论 -
(2)JS数据类型
JS数据类型1、JS数据类型2、字符串3、Number4、Boolean布尔值5、Null6、Undefined7、强制类型转换将其他数据类型转换成String将其他数据类型转换成Number三级目录1、JS数据类型 数据类型就是字面量的类型,在JS中一共有六种数据类型。基本数据类型(五个)-String 字符串-Number 数值-Boolean 布尔值-Null 空值-Undefined 未定义引用数据类型(1个)-Object 对象2、字符串-字符串需要使用单引号或双引号原创 2021-09-06 13:46:13 · 86 阅读 · 0 评论 -
(1)JS基础介绍
基础介绍1、JavaScript起源2、JavaScript组成3、JavaScript特点4、hello world代码5、JavaScript代码编写位置6、JavaScript基本语法7、字面量和变量8、标识符1、JavaScript起源 JavaScript的出现主要是用于处理网页中的前端验证,用于检查用户输入的内容是否符合一定的规则。2、JavaScript组成 一个完整的JavaScript实现应该由以下三个部分构成:ECMAScript、DOM(网页对象模型)、BOM(浏览器对象模原创 2021-09-05 19:46:14 · 424 阅读 · 2 评论