前端
supertianjia
菜鸟一枚
展开
-
利用js实现表单的校验
1、所用到的三个事件:onfocus(焦点聚焦事件)、onblur(焦点离开事件)、onkeyup(按键抬起的事件)2、利用事件触发函数,函数中执行校验的信息。3、利用checkform判断表单中的内容是否规范,如果规范submit按钮可以提交表单信息。简单效果: form中的代码:<form action="demo.html" onsu...原创 2018-09-07 17:20:05 · 29132 阅读 · 5 评论 -
解决 layui父界面给子界面的iframe赋值后子界面自动加载界面后取不到值的问题
问题:点解修改的时候 需要把Id获取到传给弹出界面(子界面),所以先给子界面赋值,然后在取出来,但是取出来的时候遇到问题,这个怎么获取都是为空,不管是 console.log() 还是elert()弹出框总是空,想来想去还是加载顺序的原因,加上一个定时器,可以解决,但是这个不是一种解决办法,属于投机取巧,最后layer.ready 完美解决问题:点解修改的时候 需要把Id获取到传给弹出界面(子...原创 2019-05-01 22:48:22 · 3174 阅读 · 9 评论 -
css中的定位问题
定位: position:static|absolute|relative|fixed 静态定位|绝对定位|相对定位|固定定位1. 静态定位position:static 默认值。代表元素按文档流摆放。2 .绝对定位(重点)position:absolute2.1 绝对定位脱标元素在使用绝对定位之后,不在占据原来文档流位置(空间),即脱离标准文档流。2....原创 2018-07-23 09:08:32 · 1391 阅读 · 0 评论 -
css中居中问题
行内元素或者行内块元素居中首先需要把元素转换为块级元素Display:block;水平居中:margin:auto; 注意事项:要有宽度.竖直居中:padding:xxpx 0; 注意父元素不能设置高度.文本居中问题:Text-align:center --->水平居中如果想要竖直居中:需要把父元素的高度和行高一致。...原创 2018-07-21 13:52:04 · 154 阅读 · 0 评论 -
css中的浮动问题
网页里布局用的最多的属性,float:left/right;1.1 浮动元素脱离文档流证明1:证明2:在标准文档流中,给行内元素设置宽高是无效的,如果行内元素脱离文档流(设置浮动),就可以正常设置宽高了 浮动元素互相贴靠 如果有足够空间,那么3个盒子就会贴靠摆放: 如果没有足够空间3就会被挤下来,贴着1摆放如果空间非常小仅仅够摆放一个...原创 2018-07-20 10:07:28 · 351 阅读 · 0 评论 -
利用定时器控制网页小广告的弹出与隐藏
第一步:编写一个简洁广告框代码:<div id="alert"> <span id="delete">X</span> <br /> <h1>一条广告</h1> <p>原创 2018-07-19 08:31:03 · 1536 阅读 · 0 评论 -
常用正则表达式合集
验证数字:^[0-9]*$验证n位的数字:^\d{n}$验证至少n位数字:^\d{n,}$验证m-n位的数字:^\d{m,n}$验证零和非零开头的数字:^(0|[1-9][0-9]*)$验证有两位小数的正实数:^[0-9]+(.[0-9]{2})?$验证有1-3位小数的正实数:^[0-9]+(.[0-9]{1,3})?$验证非零的正整数:^\+?[1-9][0-9]*$验证非零的负...原创 2018-07-18 10:02:45 · 355 阅读 · 0 评论 -
文本元素总汇
HTML5 规范指出:使用元素应该完全从元素的语义出发。但是由于历史遗留及用户至上的原则,这种语义会宽松许多。元素名称 说明a 生成超链接br 强制换行wbr 可安全换行b 标记一段文字但不强调strong 表示重要i 表示外文或科学术语em 表示强调code 表示计算机代码var 表示程序输出samp 表示变量kdb 表示用户输入abbr ...原创 2018-07-17 13:10:15 · 966 阅读 · 0 评论 -
用JS实现一个简单的加减购物车效果
1.书写input输入框作为加减实现的效果。2.加减按钮用button按钮来实现3.利用js控制i的值作为输入框中的值。实现的效果:完整代码如下: <!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title&原创 2018-07-24 08:07:02 · 18507 阅读 · 2 评论 -
JavaScript 简单使用的8个小案例
目录:1.抽奖系统2.简单验证码的使用3.省市联动4.简单轮播图5.表格数据增加和删除6.导航栏悬浮 、回到顶部7.侧边栏iframe 的切换8.折叠菜单1.抽奖系统<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>&..原创 2018-10-08 19:33:58 · 2944 阅读 · 1 评论 -
layui下拉框自动选中某项
Layui 设置select下拉框自动选中某项的方法:1.html部分<div class="layui-input-block"> <select name="productlistId" id="product_class" lay-verify="required"> <option value...转载 2019-05-02 22:00:56 · 4054 阅读 · 0 评论