搜索结果
查询Tags标签： document，共有 812条记录-
JavaScript的事件委派、事件捕获、事件冒泡
事件冒泡、事件捕获、事件委派 事件流 在浏览器发展到第四代的时候，出现元素嵌套多层，ie提出事件冒泡，网警提出事件捕获 后期w3c整合了以上两种方式，默认为冒泡流 原理 1.一个完整的JS事件流是从windows开始，最后回到windows的一个过程 2.事件流被分为三个阶段（1-5）…
2022/1/9 20:03:50 人评论 次浏览 -
JavaScript的事件委派、事件捕获、事件冒泡
事件冒泡、事件捕获、事件委派 事件流 在浏览器发展到第四代的时候，出现元素嵌套多层，ie提出事件冒泡，网警提出事件捕获 后期w3c整合了以上两种方式，默认为冒泡流 原理 1.一个完整的JS事件流是从windows开始，最后回到windows的一个过程 2.事件流被分为三个阶段（1-5）…
2022/1/9 20:03:50 人评论 次浏览 -
【JavaScript】封装Toast弹窗
效果代码 /*** 封装Toast提示* @param {提示信息} msg * @param {延迟时间} duration */ function Toast(msg, duration) {duration = isNaN(duration) ? 3000 : duration;var m = document.createElement(div);m.innerHTML = msg;m.style.cssText = "font-family:s…
2022/1/9 12:04:09 人评论 次浏览 -
【JavaScript】封装Toast弹窗
效果代码 /*** 封装Toast提示* @param {提示信息} msg * @param {延迟时间} duration */ function Toast(msg, duration) {duration = isNaN(duration) ? 3000 : duration;var m = document.createElement(div);m.innerHTML = msg;m.style.cssText = "font-family:s…
2022/1/9 12:04:09 人评论 次浏览 -
JS实现简易留言板
效果展示图：<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=…
2022/1/7 23:35:09 人评论 次浏览 -
JS实现简易留言板
效果展示图：<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=…
2022/1/7 23:35:09 人评论 次浏览 -
父页面与iframe、父页面与子页面的通讯
父页面与iframe间的通讯 parent.html <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>parent</title> </head> <body> <p>this is parent window</p> <input…
2022/1/7 6:08:22 人评论 次浏览 -
父页面与iframe、父页面与子页面的通讯
父页面与iframe间的通讯 parent.html <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>parent</title> </head> <body> <p>this is parent window</p> <input…
2022/1/7 6:08:22 人评论 次浏览 -
18.javascript 日期相关操作
1.获取系统当前日期var d=new Date(); //结果是：Thu Jan 06 2022 03:55:00 GMT+0800 (中国标准时间)2.一天（24 小时）是 86 400 000 毫秒。 3.获取时间毫秒数.getTime();（从1970年1月1日到今天）var d = new Date(); document.getElementById("demo").innerH…
2022/1/6 9:34:01 人评论 次浏览 -
18.javascript 日期相关操作
1.获取系统当前日期var d=new Date(); //结果是：Thu Jan 06 2022 03:55:00 GMT+0800 (中国标准时间)2.一天（24 小时）是 86 400 000 毫秒。 3.获取时间毫秒数.getTime();（从1970年1月1日到今天）var d = new Date(); document.getElementById("demo").innerH…
2022/1/6 9:34:01 人评论 次浏览 -
VUE项目点击复制内容（我这里百分之百能用，而且不需要引入插件）
VUE项目，直接上代码，不需要引入插件！直接复制 上面部分：<div id="copyVal" class="abc" @click="copywxtap" ref="copytext" > {{weidian}} </div><div class="recharge_fs"&…
2022/1/4 6:07:34 人评论 次浏览 -
VUE项目点击复制内容（我这里百分之百能用，而且不需要引入插件）
VUE项目，直接上代码，不需要引入插件！直接复制 上面部分：<div id="copyVal" class="abc" @click="copywxtap" ref="copytext" > {{weidian}} </div><div class="recharge_fs"&…
2022/1/4 6:07:34 人评论 次浏览 -
JavaScript实现向body元素中插入一个按钮
两种方法在body元素中插入一个按钮<input id=btn type=button value=按钮 />使用appendChild()方法插入1 var inputbtn = document.createElement(input); 2 inputbtn.id="btn"; 3 inputbtn.type="button"; 4 inputbtn.value="按钮";…
2022/1/3 11:07:43 人评论 次浏览 -
JavaScript实现向body元素中插入一个按钮
两种方法在body元素中插入一个按钮<input id=btn type=button value=按钮 />使用appendChild()方法插入1 var inputbtn = document.createElement(input); 2 inputbtn.id="btn"; 3 inputbtn.type="button"; 4 inputbtn.value="按钮";…
2022/1/3 11:07:43 人评论 次浏览 -
瀑布流布局图片URL以blob格式展示
1、完整代码<!doctype html> <html> <head><style>body {background: #e5e5e5;}#root {margin: 0 auto;width: 1200px;column-count: 5;column-width: 240px;column-gap: 20px;}.item {margin-bottom: 10px;break-inside: avoid;background: #fff…
2022/1/3 6:08:13 人评论 次浏览
