![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
html css javascript
文章平均质量分 74
前端基础
Wooo0Ooo
不喜欢醉醺醺
展开
-
正则表达式 定时器 弹框 json
正则表达式regex 是一种自定义的规则,用检测数据是否符合一定的规则js中正确使用正则表达式的步骤 1.定义正则表达式(通过/规则/定义js中正则表达式) 2.获取要校验的数据 3.通过regex.test(数据)方法验证这个数据是否符合正则表达式的规则 方法返回值是布尔类型正则表达式常用的规则 a 表示匹配的数据中 只要包含a即可 ab 匹配的数据中只要包含ab即可 ^:匹配的是数据的开头 /^a/ ...原创 2021-08-19 00:43:35 · 207 阅读 · 0 评论 -
获取下拉框 window event this eval
通过js如何获取下拉框内容首先先给select标签加上id属性 获取select标签 通过select标签对象访问value属性 即 对象名.value 不用找option标签 原理:因为下拉框最多只能展示一个 所以获取select元素节点对象操作value属性时 其实也可以看作是操作option的value属性 option如果没有声明value属性 默...原创 2021-08-18 00:36:59 · 161 阅读 · 0 评论 -
JS DOM思想 节点对象 事件
什么是JavaScript? JavaScript是一种轻量级、弱类型数据的编程语言,简称JS JS通过var声明变量即可,不需要指定数据类型 例如 var=10;原创 2021-08-17 00:31:10 · 168 阅读 · 0 评论 -
JS 数组 数组方法以及随机数
js里面同一个数组可以储存不同类型的数据定义js数组的三种方法 let a1 = new Array(); console.log(a1); //js里 同一个数组可以储存任何数据类型 let a2 = new Array(10,'宏哥救我',true); console.log(a2); let a3 = [1,2,3]; console.log(a3);js数组的下标和java数组的下标一样都是从0开始访问对象的属性和方法 通过对象名.属性或方法原创 2021-07-08 18:08:44 · 937 阅读 · 0 评论 -
JS 变量数据类型 条件语句 作用域
JavaScript基于对象的动态脚本语言 不需要编译不仅可以创造对象也可以使用现有的对象具有跨平台性 只要有js引擎就可以运行 一般浏览器都自带js引擎嵌入式 html+css+javascript+dom三个主要组成部分:1.ECMAScript(核心)2.DOM(文档对象模型)3.BOM(浏览器对象模型)...原创 2021-07-07 16:51:46 · 159 阅读 · 0 评论 -
弹性盒子(弹性布局)
display: flex;将一个标记变成弹性盒子 就在央视属性中使用 display: flex;变成弹性盒子以后里面的内容会按照主轴(左右水平方向)分布flex-direction: column 会使主轴的左右方向变为侧轴(垂直上下)的方向(row 主轴 行 column 侧轴 列)如果子标记尺寸超过弹性盒子(父标记)的尺寸 弹性盒子(父标记)会压缩子标记如果子标记尺寸超过弹性盒子(父标记)的尺寸可以用flex-wrap: wrap;让子标记换行justify-conten..原创 2021-07-06 18:54:16 · 632 阅读 · 0 评论 -
静态 相对 绝对 固定 标签定位
静态定位由浏览器决定行级标记从左到右 块级标记从上到下<!-- 由浏览器绝顶 行级标记从左到右 块级标记从上到下 --> <a href="http://www.baidu.com">超链接</a><b>dd</b><i>dddd</i><span id="">ffff</span> <p>ttt</p> <div id=""> jj..原创 2021-07-06 13:47:13 · 287 阅读 · 0 评论 -
HTML表格常用标签 按钮 CSS
表格标签 table:表格标签 width:宽度 height:高度 border:边框 cellspacing:列间隙 th:表头标签(具备文字加粗并且居中) tr:行标签 td:列标签 colspan="2":列合并...原创 2021-07-02 13:01:40 · 2094 阅读 · 0 评论 -
css常用样式
css层次选择器1.后代选择器父类标记 子类标记{ } 子类标记会变2.子选择器父类标记>子类标记 { } 父类标记里的第一代子类标记会变3.群组选择器标记,标记{ } 两者一起变style type="text/css"> /* 层次选择器 后代选择器 父类标记 子类标记{} 子类标记会变 */ div p{ color: red; } /* 子选择器 父类标记>子类标记 {} 父类标记里的第一代子类...原创 2021-07-05 13:42:24 · 178 阅读 · 0 评论 -
盒子模型 div
每个HTML元素都可以看作一个装了东西的盒子:width 内容宽度 height 内容高度border 边框padding 内间距 内容和边框之间的距离margin 外间距 两个盒子之间的距离两个标记同时设置了上下外边距 边距=较大边距值 两个标记同时设置了左右方向的外边距 边距=两个边距之和(如果div1的下外边距为10 它下面的div2的上外边距为30 那么他们两个之间的距离为30)通过设置外边...原创 2021-07-05 18:37:58 · 313 阅读 · 0 评论 -
JS BOM window history location
浏览器对象模型BOMwindow对象1. alert('') 弹窗 单引号里面写弹窗内容<button onclick="alert('浩哥来了')">alert</button>//onclick事件一发生 就会弹窗 弹窗内容为 浩哥来了2. confirm('')对话框 提示框单引号里面写确认删除吗之类的确认 有返回值是布尔类型点确认返回的是true 取消返回的是false<button onclick="del()">...原创 2021-07-08 18:29:51 · 132 阅读 · 0 评论 -
JS DOM 标记变化
js前端开发 最重要的操作就是让前端界面产生变化1.找到需要产生变化的标记2.修改标记的相关属性或调用相关方法 产生变化获取DOM对象常用方法1.getElementById() 通过元素的ID属性获取DOM对象,获取的是一个DOM对象。 <button onclick="byid()">id</button> <h1 id="h">我有id属性,来改变我</h1> function byid(){ ..原创 2021-07-08 18:35:04 · 148 阅读 · 0 评论 -
HTML常用标记
1.目前比较流行的架构模式?(面试题) B/S架构:浏览器/服务器 现实生活中使用比较多 C/S架构:客户端/服务器 (需要安装客户端) 2.前端编程语言? html 超文本标记语言 (网页的骨架) css 层叠样式表 (网页的绘制样式) javascript 动态脚本语言(网页的灵魂) 3.HTML的常用标签 html:指的是html网页标记 ...原创 2021-07-01 13:06:32 · 267 阅读 · 0 评论