![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
javascript
文章平均质量分 58
嘻嘻蚕豆
H5前端工程师
展开
-
碰撞检测
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> *{ padding:原创 2018-11-23 11:49:42 · 286 阅读 · 0 评论 -
进度条的拖拽
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> *{margin: 0;padding: 0;原创 2018-11-23 11:25:34 · 684 阅读 · 0 评论 -
数组去重的方法
第一种方法:var array=[23,45,64,43,64,89,66,23,17,43] var arr1=[] for(i in array){ if(arr1.indexOf(array[i])==-1){ arr1.push(array[i]) } ...原创 2018-11-23 11:17:31 · 230 阅读 · 0 评论 -
瀑布流
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> *{margin: 0;p原创 2018-11-22 10:17:51 · 144 阅读 · 0 评论 -
面向对象放大镜
<!DOCTYPE html> <html lang="en"> <head> <meta ...原创 2018-11-22 09:54:06 · 362 阅读 · 0 评论 -
怎么判断是PC端还是移动端?
console.log(window.navigator.userAgent)移动端返回的是:“Mozilla/5.0 (Linux; Android 6.0; Nexus 5 Build/MRA58N) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/58.0.3029.110 Mobile Safari/537.36”移动端有“Mobile”...原创 2018-11-20 18:53:29 · 968 阅读 · 0 评论 -
Dom中的节点
节点操作: 创建元素节点: document.createElement('要创建元素节点的名字') 创建文本节点: document.createTextNode('文本内容')添加节点:①appendChild() 将一个新节点添加到某个节点的子节点列表的末尾上语法: 父节点.appendChild(要添加的子元素)②insertBefore(...原创 2018-11-20 16:00:57 · 133 阅读 · 0 评论 -
获取元素的方法
获取独立的id元素: getElementById() 获取同名元素: getElementsByTagName()[]获取相同name名: getElementByName()获取class名的元素: getElementsByclassName()获取满足条件的所有元素: querySelectorAll()获取满足条件的第一个元素:...原创 2018-11-20 15:49:13 · 162 阅读 · 0 评论 -
字符串的方法
字符串的方法:1. charAt(下标)作用:查找该下标位置处的字符,返回一个字符2. charCodeAt(下标)作用:查找该下标位置处的字符的unicode编码3. fromcharcode()作用:根据一个unicode编码值返回对应的字符,与charcodeAt()结果相反4. indexOf()作用:查找某个字符在字符串中首次出现的位置5. lastIndexOf()...原创 2018-11-20 15:42:30 · 167 阅读 · 0 评论 -
数组的方法
数组的方法:1. push()方法:从数组的末尾添加元素,返回数组的长度2. pop()方法: 从数组的末尾删除一个元素,返回被删除的元素3. shift()方法:从数组的头部删除一个元素,返回被删除的元素4. unshift()方法:从数组的头部添加元素,返回数组的长度5. reverse()方法:逆向排序,返回逆向排序后的数组6. sort()方法:从小到大排序,返回排...原创 2018-11-20 15:41:29 · 172 阅读 · 0 评论 -
事件兼容方法
1.可视区document.documentElement.clientWidth || document.body.clientWidth2.滚动高度document.documentElement.scrollTop || document.body.scrollTop3.className function getClass (cname){ ...原创 2018-11-20 15:38:15 · 227 阅读 · 0 评论