- 博客(11)
- 收藏
- 关注
RSS订阅原创 鼠标事件练习
let demo = document.querySelector(’.demo’) 鼠标右击事件 demo.oncontextmenu = function (e) { 阻止默认事件 e.preventDefault() let menu = document.querySelector(’.menu’) 如果存在remove就把他删除 if (menu) menu.remove() menu = document.createElement(‘div’) 获取menu的样式 menu.classLis.
2020-06-06 11:08:25
294
原创 正则练习
let r = /^张/i let str = ‘张飞’ 匹配的是字符串里的第一位是不是张 let r = /5$/i let str = ‘1232324345’ 匹配的是字符串里最后一位是不是5 let r = /^(美国|日本|fufu)/i let str = ‘fufu试试’ 匹配的是开头是不是 美国或者 日本或者 fufu let r = /^/[186]{6}$/i let str = ‘168866’ 匹配的是开头跟结尾都要有186这三个数 比如全是1全是8都可以 但是长度要有6位 let
2020-06-06 10:42:38
267
原创 放大镜练习
function $(str) { return document.querySelector(str) } window.onload = function () { let l = $(’#left’).offsetLeft + $(’#left’).offsetWidth let t = $(’#left’).offsetTop $(’#right’).style.left = l +‘px’ $(’#right’).style.top = t +‘px’ $(’#left’).onmouseent.
2020-06-06 09:03:47
326
原创 鼠标拖拽练习
let bx = document.querySelector(’#box’); let canMove = false let x = 0, y = 0 bx.onmousedown = function (e) { canMove = true x = e.pageX - bx.offsetLeft y = e.pageY - bx.offsetTop } bx.oncontextmenu = function(e) { e.preventDefault(); console.log(“右键”) } .
2020-06-02 20:19:23
313
原创 DOM练习
先来做一个5x5的列表 let table = document.createElement(‘table’); 用for循环做5行跟5列 for (let i = 1; i <= 5; i++) { let tr = document.createElement(‘tr’) table.appendChild(tr) for (let j = 1; j <= 5; j++) { let td = document.createElement(‘td’) 然后行列相乘得到表格 td.innerH
2020-06-02 19:29:10
192
原创 DOM方法
1.getElementById（‘id’） 2.id.children//子 3.id.parentElement//父 4.id.nextElementSibling//下一个元素 5id.previousElementSibling//上一级元素 6.document.createElement(" ")
2020-06-02 18:49:07
145
原创 字符串
Document 111 <script> getLocation() { let str = location.search.replace(’?’, ‘’) return this.converStr2obj(str) }, converStr2obj(str) { let obj = {} str.split(’&’).forEach(item => { let kv = item.split(’=’) let key = kv...
2020-05-22 21:31:14
321
原创 Math的常用方法
Document Math.isOdd = val => val%2 !==0 Math.isEven = val => val%2 ===0 Math.rnd = (max,min=0)=>{ return Math.round(Math.random()*(max-min)+min) } console.log(Math.floor(3.1));//向下取整 console.log(Math.ceil(3....
2020-05-22 21:10:51
592
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人