- 博客(12)
- 收藏
- 关注
原创 多行文字溢出省略
.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
82
原创 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
458
原创 去除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
308
原创 validity属性
(1).badInput:标识当前输入是否是无效输入,比如number控件,输入的却是字符串,true表示无效输入。(2).customError :标识当前是否是自定义验证错误信息,true表示是。(3).patternMismatch:标识输入内容是否与pattern规定的规则匹配,true表示是。(4).rangeOverflow:标识输入的数值是否超过max属性限制,true表示超过...
2020-03-20 19:35:03
1421
原创 Event对象跨浏览器兼容性写法
各种事件举例<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>Event对象跨浏览器兼容写法</title> </head> <body> <div id="parent"> <div ...
2019-11-27 22:23:01
97
原创 跨浏览器兼容事件处理
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>跨浏览器事件处理程序</title> </head> <body> <button id="myBtn">点击我</button> &l...
2019-11-25 22:42:00
82
原创 解决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
213
原创 关于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
678
原创 类数组对象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
58
原创 类数组对象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
279
原创 类数组对象NodeList
NodeList特点:-NodeList是一种类数组对象,用于保存一组有序的节点-可以通过方括号语法来访问NodeList的值,有item方法与length属性-它并不是Array的实例,没有数组对象的方法获取NodeList:var box=document.getElementById(‘box’);var nodes=box.childNodes;常用的属性和方法:cons...
2019-11-12 18:06:22
160
原创 location对象属性
常用属性:(1)location.href返回当前加载页面的完整URLlocation.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
125
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人