- 博客(12)
- 收藏
- 关注
RSS订阅原创 多行文字溢出省略
.text{ overflow:hidden; text-overflow:ellipsis; display:-webkie-box; -webkit-line-clamp:2;/*两行*/ -webkit-orient:vertical; white-space:normal !important; word-wrap:break-word; }
2020-04-10 15:45:42
161
原创 canvas贝塞尔曲线生成工具——链接
二次贝塞尔曲线： http://blogs.sitepointstatic.com/examples/tech/canvas-curves/quadratic-curve.html 三次贝塞尔曲线： http://blogs.sitepointstatic.com/examples/tech/canvas-curves/bezier-curve.html ...
2020-03-26 15:54:53
708
原创 去除input type="number"的上下箭头
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <title></title> <style type="text/css"> input[type=number]::-webkit-inner-spin-b...
2020-03-20 19:41:34
391
原创 validity属性
（1）.badInput：标识当前输入是否是无效输入，比如number控件，输入的却是字符串，true表示无效输入。 （2）.customError ：标识当前是否是自定义验证错误信息，true表示是。 （3）.patternMismatch：标识输入内容是否与pattern规定的规则匹配，true表示是。 （4）.rangeOverflow：标识输入的数值是否超过max属性限制，true表示超过...
2020-03-20 19:35:03
1508
原创 Event对象跨浏览器兼容性写法
各种事件举例 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Event对象跨浏览器兼容写法</title> </head> <body> <div id="parent"> <div ...
2019-11-27 22:23:01
150
原创 跨浏览器兼容事件处理
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>跨浏览器事件处理程序</title> </head> <body> <button id="myBtn">点击我</button> &l...
2019-11-25 22:42:00
141
原创 解决getElementsByClassName()兼容性
<meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>getElementsByClassName() 兼容浏览器方案</title> <script src="domReady.js"><...
2019-11-13 19:13:14
306
原创 关于getElementById的bug 浏览器兼容解决方法 （获取元素错误）
用此方法可以解决低版本IE浏览器使用getElementById获得不是id的元素 myReady(function(){ var getElementById = function(id) { var el = document.getElementById(id); if(!+"\v1") { if(el && el.id =...
2019-11-12 21:17:31
796
原创 类数组对象NamedNodeMap
<script src="domReady.js"></script> <script> myReady(function(){ var box = document.getElementById("box"); var attrs = box.attributes; //console.log(attrs); console...
2019-11-12 19:42:56
105
原创 类数组对象HTMLCollection
-Ele.getElementsByTagName() 根据节点名称返回集合 -document.scripts-document.links 返回全部script集合 -document.images 返回页面里全部a元素 -document.forms 返回页面全部图片元素 -tr.cells 返回所有td元素的子集合 -select.options 返回select的全部选项 myRea...
2019-11-12 18:45:59
346
原创 类数组对象NodeList
NodeList特点： -NodeList是一种类数组对象，用于保存一组有序的节点 -可以通过方括号语法来访问NodeList的值，有item方法与length属性 -它并不是Array的实例，没有数组对象的方法 获取NodeList： var box=document.getElementById(‘box’); var nodes=box.childNodes; 常用的属性和方法： cons...
2019-11-12 18:06:22
215
原创 location对象属性
常用属性： （1）location.href 返回当前加载页面的完整URL location.href=window.location.href (2)location.hash 返回URL中的hash（#后） 如果不包含则返回空字符 eg：页面最下设置一个button为返回顶部，添加一个id=“top"后 var btn=document.getElementById(‘top’); btn.ο...
2019-10-25 22:22:55
190
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人