- 博客(29)
- 收藏
- 关注
转载 js 字符串长度截取
1 <script> 2 function cutstr(str, len) { 3 var temp, 4 icount = 0, 5 patrn = /[^\x00-\xff]/, 6 strre = ""; 7 for (var i = 0; i < str.leng...
2019-05-07 14:49:00
237
转载 判断是手机端还是pc端
1 <script type="text/javascript"> 2 if (window.location.toString().indexOf('pref=padindex') != -1) { 3 4 } else { 5 if (/AppleWebKit.*Mobile/i.test(navigator.userAgent) ...
2019-05-07 14:47:00
136
转载 js回到顶部
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <me...
2019-05-07 14:43:00
104
转载 javascript学习7
数组去重<script type="text/javascript"> window.onload=function(){ var arr=[1,1,2,3,4,3,4,5,5]; for(var i=0;i<arr.length;i++){ for(var j=i...
2017-07-31 16:27:00
77
转载 javascript学习6
定时器setInterval(函数,毫秒) ------> 重复执行 setTimeout(函数,毫秒); ------> 执行一次<script type="text/javascript"> window.onload=function(){ var timer=null;...
2017-07-13 12:00:00
83
转载 javascript学习5
%运算符的使用 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 <script type="text/...
2017-07-10 20:52:00
59
转载 javascript学习4
函数传参重用代码<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascrip...
2017-07-08 09:50:00
62
转载 javascript学习3
javascript数据类型、函数传参javascript语言核心:ECMAScript定义js的语法:基本对象、数据类型js的数据类型typeof运算符 判断数据类型字符串、数字、布尔、函数、对象(obj、[]、{}、null)、未定义(undefined)、数组、null...数据类型使用原则:一个变量只存放一种类型数据 ...
2017-07-05 16:23:00
56
转载 javascript学习2
希望把某个元素移除你的视线:display:none; 显示为无visibility:hidden; 隐藏width 或者 height透明度left或者top拿一个白色DIV盖住它margin负值......事件:鼠标事件、键盘事件、系统事件、表单事件、自定义事件……onclickonmouseoveronmous...
2017-07-02 23:21:00
79
转载 兼容性
css常见问题H5标签兼容(IE6下的问题)。<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script type="text/...
2017-06-30 17:32:00
77
转载 定位
relative相对定位/定位偏移量position:relative;相对定位不影响元素本身的特征不使元素脱离文档流(元素移动之后原始位置会被保留)如果没有定位偏移量,对元素本身没有任何影响提升层级定位元素位置控制top | right | bottom | left 定位元素偏移量absolute绝对定位/定位层...
2017-06-30 10:38:00
79
转载 float/文档流
float : left | right | none | inherit;文档流是文档中可显示对象在排列时所占用的位置。浮动的定义: 使元素脱离文档流,按照指定方向发生移动,遇到父级边界或者相邻的浮动元素停了下来。clear : left | right | both | none | inherit; 元素的某个方向上不能有浮动元素。clear:both;在左右两侧均...
2017-06-29 23:12:00
93
转载 line-height
line-height 行高 文字在一行里面所占用的位置,当行高的值与容器高度一致时,文字会垂直居中显示。 多行文字测量 行高的方法: 1)确认文字大小。 2)确认两行文字之间的空隙大小。 3)空隙大小除以2,得出来的值就是每行文字的上下的空隙大小。 3.1)当行高为基数时,那么文字的上方要比下方少一个像素。 3....
2017-06-29 10:33:00
66
转载 javascript学习1
<script type="text/javascript"> var a,b,c,d; a=(b=5,c=2,d=3);//逗号运算符:它只会返回最后边的表达式的值 console.log(a);//3 var a,b,c,d; a=void(b=3,c=2,d=3);//void强调...
2017-06-26 12:02:00
50
转载 正则表达式
*什么是正则表达式 正则表达式是对字符串操作的一种逻辑公式,就是用实现定义好的一些特定字符、及这些特定字符的组合,组成一个“规则字符串”,这个“规则字符串”用来表达对字符串的一种过滤逻辑。*使用正则表达式的目的 给定的字符串是否符合正则表达式的过滤逻辑(称作"匹配"); 可以通过正则表达式,从字符串中获取我们想要的特定部分。*正则表达式的特...
2017-06-25 22:17:00
65
转载 刷新当前页面
<script> window.onload=function(){ document.getElementById("updatePage").onclick=function(){ /*windo为当前的窗口对象*/ /*方法1:直接调用reload*/...
2017-06-23 16:29:00
93
转载 回车提交表单
<script> window.onload=function(){ document.getElementById("enterSubmit").onkeyup=function(e){ e=e||window.event; //获取事件对象 var ...
2017-06-23 16:24:00
61
转载 原生dialog
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus?"> <meta name="Auth...
2017-06-23 16:18:00
71
转载 chrome表单自动填充去掉input黄色背景解决方案
chrome表单自动填充后,input文本框的背景会变成偏黄色的,这是由于chrome会默认给自动填充的input表单加上input:-webkit-autofill私有属性,然后对其赋予以下样式: input:-webkit-autofill { background-color: #FAFFBD; background-image: none; ...
2017-06-23 10:02:00
76
转载 img 标签下多余空白的解决方法
在浏览器中,图片默认的vertical-align是baseline。那么,我们该如何去掉这多余的空白呢?1)将图片转换为块级 img{display:block;}2) 设置图片的垂直对齐方式 img{ vertical-align:top}3) 设置父级的文字大小为0px font-size:0;4) 设置父级的属性 overflow:hidd...
2017-06-23 09:59:00
175
转载 文字不透明,背景透明
<div class="box">文字不透明,背景透明</div><style> *{ padding:0; margin:0; } .box{ background:rgba(255,0,0,0.5); filter:progid:DXImageTransform.Microsof...
2017-06-22 15:51:00
66
转载 兼容各种浏览器的透明层效果
filter: alpha(opacity=60);opacity: .6;-moz-opacity: .6;filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60) ;转载...
2017-06-22 15:49:00
56
转载 清除浮动 -- 具有兼容性
作用于浮动元素的父元素.clearfix:after{ content:"."; display: block; height:0; visibility: hidden; clear:both; overflow:hidden;}.clearfix{ *zoom:1; /*兼容低版本IE*/}转载于:http...
2017-06-22 15:37:00
85
转载 border:none;和border:0;的区别
一、是理论上的性能差异 【border:0;】把border设为“0”像素虽然在页面上看不见,但按border默认值理解,浏览器依然对border-width/border-color进行了渲染,即已经占用了内存值。 【border:none;】把border设为“none”即没有,浏览器解析“none”时将不作出渲染动作,即不会消耗内存值。...
2017-06-22 09:38:00
92
转载 input输入框与元素间有间隙
<div class="container"> <button>1</button> <button>2</button> <button>3</button></div> 解决方法1:<div class="container"> ...
2017-06-22 09:37:00
915
转载 显示3行,还要省略号(这个属性比较合适WebKit浏览器或移动端(绝大部分是WebKit内核的)浏览器)...
div{ overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}转载于:https://www.cnblogs.com/web-Knowledge/p...
2017-06-21 17:43:00
87
转载 input file 修改按钮名称
解决方法: 1)页面上放个隐藏的<input type=“file” /> 2)然后加上一个文本input(type="text")和一个按钮input(type="button") 3)点按钮的时候调用<input type=file />的click选择文件 4)在<input type=file />的onchange事件...
2017-06-21 17:41:00
1003
转载 文本溢出处理
网页设计时经常发生文本内容超出容器范围的问题,在内容较多时多采用分页效果,在内容较少时则采用一些普通的文本溢出处理。常见的文本溢出处理方式有: 1.简单裁切 2.简单隐藏 3.隐藏并显示省略号 4.使用滚动条 div.hide{ overflow:hidden; /*简单隐藏*/ } div.s...
2017-06-21 17:39:00
149
转载 移动WEB前端开发资源的一些素材
meta篇:<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no"/><meta name="format-detection" content="telephone=no"/><meta name="format-detect...
2017-06-21 17:33:00
107
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人