hi123hi159 - 博客园

2022年5月25日

摘要： // 常用的键盘事件 //1. keyup 按键弹起的时候触发 // document.onkeyup = function() { // console.log('我弹起了'); // } document.addEventListener('keyup', function() { consol 阅读全文

posted @ 2022-05-25 13:14 hi123hi159 阅读(116) 评论(0) 推荐(0)

JS之让图片跟随鼠标移动

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文

posted @ 2022-05-25 13:03 hi123hi159 阅读(158) 评论(0) 推荐(0)

JS之返回触发事件的对象（元素）

摘要： // 常见事件对象的属性和方法 // 1. e.target 返回的是触发事件的对象（元素） this 返回的是绑定事件的对象（元素） // 区别： e.target 点击了那个元素，就返回那个元素 this 那个元素绑定了这个点击事件，那么就返回谁 var div = document.quer 阅读全文

posted @ 2022-05-25 11:31 hi123hi159 阅读(332) 评论(0) 推荐(0)

2022年5月24日

JS之删除事件/解绑事件

摘要： var divs = document.querySelectorAll('div'); divs[0].onclick = function() { alert(11); // 1. 传统方式删除事件 divs[0].onclick = null; } // 2. removeEventListe 阅读全文

posted @ 2022-05-24 18:36 hi123hi159 阅读(336) 评论(0) 推荐(0)

JS之注册事件的两种方法

摘要： var btns = document.querySelectorAll('button'); // 1. 传统方式注册事件 btns[0].onclick = function() { alert('hi'); } btns[0].onclick = function() { alert('hao 阅读全文

posted @ 2022-05-24 15:12 hi123hi159 阅读(242) 评论(0) 推荐(0)

2022年5月23日

ajax之使用post提交数据

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文

posted @ 2022-05-23 13:48 hi123hi159 阅读(343) 评论(0) 推荐(0)

ajax之get发起带参数的请求

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文

posted @ 2022-05-23 13:47 hi123hi159 阅读(22) 评论(0) 推荐(0)

Ajax之get发起不带参数的请求

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文

posted @ 2022-05-23 13:46 hi123hi159 阅读(337) 评论(0) 推荐(0)

JS之动态创建元素

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文

posted @ 2022-05-23 13:35 hi123hi159 阅读(27) 评论(0) 推荐(0)

JS之动态生成表格

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文

posted @ 2022-05-23 11:37 hi123hi159 阅读(201) 评论(0) 推荐(0)

公告