html
文章平均质量分 79
ChuanYang Chen
Christian,Front-end engineer,C++ developer
展开
-
Html、JS、网页开发中location的使用
Javascript中location的使用常用方法功能assign()用来跳转到其他页面,会生成历史记录reload()用于重新加载当前页面,作用和按下刷新按钮一样。可以传递一个bool值做参数,如果传入true,则表示强制清空浏览器缓存刷新页面replace()可以使用一个新的页面替换当前页面,调用完毕也会跳转页面,不会生成历史记录Location对象中封装了浏览器地址栏的信息:如果直接修改location的值,会跳转到新修改的页面assign()原创 2022-02-25 15:32:39 · 746 阅读 · 0 评论 -
利用JS实现页面元素拖拽
利用JS实现卡片拖拽需求分析:拖拽的流程:当鼠标在被拖拽元素上按下时,开始拖拽(onmousedown)当鼠标移动时被拖拽的元素跟随鼠标移动 ????️(onmousemove)当鼠标松开时,被拖拽的元素固定在当前位置(onmouseup)前置知识:「1」通过JS修改或读取元素的CSS样式「2」什么是事件对象?什么是事件冒泡?如何阻止事件冒泡?中的什么是事件对象。编码详情:一、创建一个盒子,????值为“box1”二、编写JS代码为什么需要计算盒子的偏移量呢❓是因为倘若我原创 2022-02-21 16:18:56 · 2437 阅读 · 0 评论 -
JS中事件的委派
什么是事件的委派❓指事件统一绑定给元素的共同的祖先元素,这样当后代元素上的事件触发时,会一直冒泡到祖先元素事件的委派利用了事件的冒泡,通过委派可以减少事件绑定的次数,提高程序的性能???? 例子:通过事件委派,实现点击<ul></ul>中的每一个<li></li>都能弹出弹框,弹框里面写着“H-E-L-L-O”但该例子存在一些问题,代码后面会继续阐述<!DOCTYPE html><html lang="en"><he原创 2022-02-21 11:05:57 · 1394 阅读 · 0 评论 -
什么是事件对象?什么是事件冒泡?如何阻止事件冒泡?
什么是事件对象当事件的响应函数被触发时,浏览器每次都会将一个事件对象作为实参传递进响应函数,在事件对象中封装了当前事件相关的一切信息,比如:鼠标的坐标,键盘哪个按键被按下,鼠标滚轮滚动方向等???? 例子:通过事件对象获取用户鼠标指针在div1范围内的实时坐标:var div1 = document.getElementById("div1");div1.onmousemove = function(event){ // 获取鼠标指针的水平坐标 var x = event.clientX; /原创 2022-02-19 20:33:46 · 216 阅读 · 0 评论