xu1022-CSDN博客

原创 JavaScript与CSS交互

一、style属性通过元素的style属性，可以获取或修改元素的css样式document.body . style.backgroundColor = ' red '原css样式为短横线命名法，在使用style属性时，需转换成小驼峰命名法，如fontSize1、隐藏元素属性visibilitydisplay值visible/hiddennone/block/inline-block区别将元素设为不可见，但占用空间将元素隐藏，不占用空间2、classNa

2021-05-06 09:27:27 112

原创 JavaScript之DOM对象模型

.appendChild(节点) 插入节点作为最后一个子节点.hasChildNodes() 返回一个布尔值，表示当前节点是否有子节点,空文本等也算子节点.cloneNode(布尔值) 返回被克隆的节点，false只复制当前节点，true复制当前节点和其内的所有节点.insertBefore() 父节点.insertBefore(待插入节点,父节点的子节点); 第一个参数为插入节点，第二个参数为插入到哪个子节点之前，为null则表示插入到最后 .removeChild(删除的

2021-04-21 21:03:21 111

原创 JavaScript之BOM对象模型

一、BOM对象模型当用户在浏览器中打开一个页面时，浏览器就会自动创建一些对象，因为这些对象存放了浏览器窗口的属性和其他相关信息，被称为浏览器对象。浏览器对象模型BOM描述了这些层次化对象的关系，window是BOM对象模型的顶级对象，其下一层是documen、navigator、frames、history和screen对象。document下一层是form、anchor、link、cookie、image等对象的集合。每个层次上的对象都是其父对象的属性，可以通过“父对象.子对象”的方式访问，如windo

2021-04-21 20:02:31 228

原创 JavaScript之正则表达式

正则表达式正则表达式,是用来匹配一系列符合某个规则的字符串的表达式正则表达式独立于编程语言，几乎所有的编程语言甚至文字处理软件都支持正则表达式一、Re基本规则表达式含义\w匹配任意字符，包括[0-9],[a-z],[A-Z]及下划线\d匹配数字，包括[0-9]\s匹配空白，包括空格、制表符、换行符等\W匹配非字符\D匹配非数字\S匹配非空白[ ]匹配字符组-匹配区间\转义字符^取反\b单词边界^

2021-04-21 18:48:41 74

原创 JavaScript JSON对象和String对象

一、JSON对象说明：JS对象表示法，是一种轻量级的数据交换格式使用JavaScript语法来描述数据对象，但是JSON仍然独立于语言和平台，可以被任何编程语言读取以及作为数据格式传递。是目前服务端与客户端交换数据中使用最为广泛的标准格式格式：外层适用花括号{}包裹key:value 键值对格式逗号分割值类型可以是常用的number、string、boolean. object、null两种访问形式var table = { a:10, b:20, c:30};table.a;

2021-04-08 00:34:40 626 1

原创 JavaScript数组的方法

一、数组转字符串1.toString()定义一个数组arr,通过toString()方法将其转为以逗号分隔的字符串。var arr = ["a","b","c"];var str = arr.toString(); // str = "a,b,c"2.join()通过join()方法可以按照转为指定分隔符的字符串,参数：可使用任意字符join()括号内无参数时，以默认分隔符(",")分隔。var str2 = arr.join("-"); //str2 = "a-b-c"3.c

2021-04-07 22:51:53 145 1

xu1022的博客