E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
querySelector
事件流、事件冒泡、事件捕获、鼠标经过事件、 mouseover和mouseenter的区别、事件委托、阻止默认行为(阻止冒泡)、页面加载、滚动、尺寸
500px;background-color:pink;}.son{width:200px;height:200px;background-color:purple;}constfa=document.
querySelector
初闻女人香
·
2024-01-23 06:44
javascript
前端
css
间歇函数setInterval、定时器、阅读间歇事件(按钮60秒后才能使用)、事件监听(绑定)addEventListener、事件类型、焦点事件、键盘事件focus、环境对象This、回调函数
每隔一段时间调用这个函数间隔的单位是毫秒两种写法:注意事项:阅读间歇事件16543458151634651521644515321364683431346843843OK(5)//获取元素constbtn=document.
querySelector
初闻女人香
·
2024-01-23 06:44
数据库
javascript
前端
开发语言
html
vue3使用element plus树形选择器懒加载回显失败问题。
//强制反显懒加载树形内容nextTick(()=>{const_input=formRef.value.
querySelector
('#menu-path.el-form-item__
浮桥
·
2024-01-23 06:36
vue.js
javascript
elementui
2020-11-15事件捕获和冒泡
事件捕获和冒泡image事件捕获事件捕获和冒泡事件捕获addEventListener第三个参数为true格式:letoFather=document.
querySelector
(".father");
牛牛nhw
·
2024-01-22 16:13
day16 DOM(2)——获取设置表单的值
也需要修改属性,比如点击眼睛,可以看到密码,本质是把表单类型转换成文本框正常的有属性有取值的,跟其它的标签属性没有区别获取:DOM对象.属性名设置:DOM对象.属性名=新值constuname=document.
querySelector
亦昭昭
·
2024-01-21 15:02
记录前端学习
javascript
前端
利用JavaScript实现全选复选功能
.点击全选按钮全部选中,再次点击则取消全部选中2.当点满复选框时,全选框自动勾选,否则不会勾选样式截图代码如下点击全选实现全部勾选功能//1.获取大复选框constcheckAll=document.
querySelector
W2399755751
·
2024-01-20 20:38
javascript
前端
开发语言
做盒子的拖拽
left:100px;top:100px;}//拖拽需要有三个事件的支撑//鼠标按下=>mousedown//鼠标移动=>mousemove//鼠标抬起=>mouseupletbox=document.
querySelector
独爱那杯cc
·
2024-01-20 14:45
前端
javascript
css3
如何实现复选框全选功能
全选北京上海广州深圳//获取全选复选框letckAll=document.
querySelector
('#ckAll')//获取全部的复选框letcks=document.querySelectorAll
是阳仔啊
·
2024-01-20 12:00
vue 指定区域可拖拽的限定拖拽区域的div(如仅弹窗标题可拖拽的弹窗)
function(el,binding,vnode){//获取到vue实例letthat=vnode.context;letdrag_dom=el;//获取到拖拽区letdrag_handle=el.
querySelector
朝阳39
·
2024-01-20 10:06
#
Vue
vue.js
VUE--- ref & refs
ref&refs的作用:用于获取dom元素或组件实例,也可用于组件组件间数据的获取和修改ref&refs与
querySelector
的区别:●ref&refs查找的范围是当前组件内,更加精确稳定●
querySelector
煸橙干儿~~
·
2024-01-20 00:07
VUE基础
vue.js
javascript
前端
NodeJs 第十七章 文件上传
前端上传文件有两种方式方式一:使用FormData发送ajax上传//创建FormData对象varformData=newFormData();//添加文件数据varfileInput=document.
querySelector
静水流深,沧海一粟
·
2024-01-19 14:23
node
node
前端
javascript
开发语言
express
前端与后端如何上传图片!
Document点击上传图片letform=document.
querySelector
("form");letbtn=document.
querySelector
("button");btn.addEventListener
小舟423
·
2024-01-19 09:29
前端
vue中改变v-html中包含body标签的样式修改方法
vue-改变body的css样式beforeCreate(){document.
querySelector
('body').setAttribute('style','background-color:
奋斗的小鸟鸟
·
2024-01-19 08:49
vue-cli
vue.js
html
javascript
使用xlsx插件把table转成excel文件并下载
importXLSXfrom"xlsx"exportconstexportExcel=(tableName,excelName)=>{constwb=XLSX.utils.table_to_book(document.
querySelector
Aidenyc
·
2024-01-19 08:43
JavaScript onclick无效果的原因之一
varimg=document.
querySelector
('.bigimg');varimgs=document.querySelectorAll('.a');console.log(img);for
自由如风709
·
2024-01-18 11:03
javascript
vscode
html5
css
css3
前端
chrome
【JavaScript】使用 scrollIntoView 实现描点跳转定位
lettarget=document.
querySelector
(`#${taregt}`)if(target){target.scrollIntoView({behavior:'smooth'})}behavior
努力挣钱的小鑫
·
2024-01-18 06:04
JavaScript
javascript
前端
开发语言
Element 自定义指令 下拉分页,获取无限数据
loadmore:Vue.directive('loadmore',{bind(el,binding){//获取element-ui定义好的scroll盒子constSELECTWRAP_DOM=el.
querySelector
BTBIG@Mr. Chen
·
2024-01-17 13:11
vue.js
javascript
ecmascript
Vue自定义指令el-select下拉触发事件
//自定义指令directives:{'el-select-loadmore':{bind(el,binding){constSELECTWRAP_DOM=el.
querySelector
('.el-select-dropdown.el-select-dropdown
lMoonRed
·
2024-01-17 12:07
前端
vue.js
前端框架
js 滑动内嵌滚动条
js='document.
querySelector
("#root>section>main").scrollTop=10000'driver.execute_script(js)找到滚动条
TiantianMami
·
2024-01-16 23:19
UI自动化
python3
python
原生 js 监测 某个 DOM进入 可视区
height:70px;margin-top:20px;background-color:#ccc;}12345678910111213141516171819我是被检测的DOMletp=document.
querySelector
嘤嘤怪呆呆狗
·
2024-01-16 17:14
js
vue
vue
js
javascript
html5视频播放速度控制器 html5 video speed controller
比如设置为3.3x速度播放:varplayer=document.
querySelector
("video");player.playbackRate=3.3;接着我就想
devilisdevil
·
2024-01-16 15:02
关于js零零落落的小案例
一、JS实现倒计时//倒计时varh=document.
querySelector
('.hour');varm=document.
querySelector
('.minute');vars=document.
querySelector
一口十个小甜虾
·
2024-01-16 02:20
javascript
前端
html
阻止默认行为
百度百度一下/*e.preventDefault()比如:阻止超链接跳转,阻止右键点击事件*/leta=document.
querySelector
('#a')a.onclick=function(e)
是阳仔啊
·
2024-01-15 14:43
vue3自定义指令
当一个input元素被Vue插入到DOM中后,它会被自动聚焦://在模板中启用v-focusconstvFocus={mounted:(el)=>el.focus()//使input自动聚焦//el.
querySelector
前端小趴菜05
·
2024-01-15 12:51
vue.js
javascript
前端
Cannot set properties of null (setting ‘onblur‘)
正常来说js写在body下面不会查找不到,但是本人在练习用户验证的时候犯了个小错误,document获取元素的时候,通过class属性获取的,如果通过document.
querySelector
去获取元素的话切记不要丢掉
산해
·
2024-01-15 04:23
Web前端
javascript
20-移入移出事件区别
letoFDiv=document.
querySelector
(".father");letoSDiv=document.
querySelector
(".son");1.onmouseover和onmouseenter
仰望_IT
·
2024-01-14 12:11
AJAX(三)跨域
get.html:首页沃尔点击获取用户数据constbtn=document.
querySelector
('button');btn.onclick=function(){c
蕾峰
·
2024-01-14 06:32
AJAX
ajax
前端
javascript
js 实现拖动按钮添加布局
效果:h布局生成左右布局,v布局生成上下布局代码:DocumentH布局V布局letbtn1=document.
querySelector
('.btn1')letbtn2=document.
querySelector
sometime`something
·
2024-01-13 23:04
javascript
开发语言
ecmascript
去掉在加有universal link页面中,ios13顶部出现“前往app”
当在universallink的网页中,会生成metaname="apple-itunes-app"的标签,去电这个标签就可以了if(document.head.
querySelector
("[name
认真的十四
·
2024-01-13 23:22
在js中操作DOM的常用方法
一.获取DOM元素
querySelector
/querySelectorAll:返回文档中匹配指定CSS选择器的第一个元素或所有元素的NodeList。
羽墨灵丘
·
2024-01-13 12:10
javascript
开发语言
ecmascript
js innerHTML与innerText
当innerHTML设置html是会解析所设置的标签当innerHTML获取html时则会返回包含html标签的内容varelement=document.
querySelector
('#box');element.innerHTML
翻腾着的淡水鱼
·
2024-01-13 08:15
关于JS更改变量无法触发onchange事件
有时候我们通过JS去更改input的value的时候,不能出发input的change事件,这个时候需要在input赋值之后派发一个Event对象,如下所示://constinputEle=document.
querySelector
知音说与知音听
·
2024-01-13 03:17
canvas+fabric实现自定义封面
Documentdiv{margin:0auto;}点击添加文案生成图片constbtn=document.
querySelector
('.btn')constaddText=document.
querySelector
修复bug
·
2024-01-12 20:29
fabric
javascript
前端
vue.js
原生js导航栏上滑隐藏,下滑显示
上下滑动筛选栏显示隐藏varwindowTop=0;$(window).scroll(function(){letscrollS=$(this).scrollTop();letselBtn=document.
querySelector
easonR
·
2024-01-12 15:58
定时音频数据采集并发送websocket实时播放
一定时音频数据采集并发送websocket实时播放定时音频数据采集varrecorder;varaudio=document.
querySelector
('audio');setInterval(function
java之书
·
2024-01-12 07:42
Java技术栈综合
音视频
websocket
网络协议
JavaScript-BOM-笔记
如果多次以最后一次为准window.addEventListener('load',function(){代码})使用多次window.onload=function(){console.log(document.
querySelector
编程在手天下我有
·
2024-01-12 03:01
前端
javascript
笔记
html
Vue:页面内跳转锚点的使用
methods:{//锚点跳转goRule(event){varID="#"+event;//document.getElementById(ID).scrollIntoView({document.
querySelector
米柆
·
2024-01-12 02:58
Millia's
work
vue.js
前端
javascript
web前端案例之抽奖
HTML+Javascript完成抽奖案例*{margin:0;padding:0;}functiondiv_click(event){console.log(event)}letdiv=document.
querySelector
周湘zx
·
2024-01-11 18:56
web前端
前端
css
web
html
js的BoM事件(二)
confirm二.prompt三.open四.close一.alert,confirm实例:alert('hi');confirm('message');二.promptvarbtn=document.
querySelector
虚诚
·
2024-01-11 17:03
javascript
开发语言
ecmascript
JS关闭当前窗口网页
(兼容EDGE,火狐,谷歌浏览器)1实现效果实现代码Documentdocument.
querySelector
(".exit").addEventListener('click',function()
前端的厨子
·
2024-01-10 18:21
javascript
前端
可移动的div
实验代码*{margin:0;padding:0;}div{width:100px;height:100px;background-color:rebeccapurple;}letdiv=document.
querySelector
Despairsss
·
2024-01-10 14:15
前端
javascript
css
JavaScript小案例
烟花htmljs代码fire.jsfunctionFire(){//获取box盒子this.box=document.
querySelector
('#box')}//火花启动Fire.prototype.init
爱吃java的羊儿
·
2024-01-10 13:42
javascript
javascript
java
前端
vue+element项目中导出excel 表
importFileSaverfrom'file-saver'importXLSXfrom'xlsx'3、HTML中给需要导出的table标签加一个id:如outTable,需要对应exportExcel方法中的document.
querySelector
38ae78c953e7
·
2024-01-10 12:05
js实现获取本机的摄像头和麦克风的视频流和音频流并显示
Documentconstvideo=document.
querySelector
('video');//注意:navigator.getUserMedia语法已废弃,此处使用最新语法:navigator.mediaDevices.getUserMedianavigator.mediaDevices.getUserMedi
静尾
·
2024-01-10 10:57
无所不能的JavaScript
javascript
音视频
前端
调取单个、多个摄像头画面
不需要引用插件效果展示图:此演示由于没有外接摄像头默认读取到电脑影像开启摄像头关闭摄像头开启摄像头关闭摄像头//首先获取到摄像头idgetDeviceIds(){this.srcVideo=document.
querySelector
chenThreeMetals
·
2024-01-10 10:55
javascript
前端
angular.js
手动实现一个简单元素选择器!
document..getElementsByName()标签选择器:document.getElementsByTagName()类名选择器:getElementsByClassName()或者更多的喜欢用:
querySelector
一浅小屋和你
·
2024-01-09 15:05
vue使用elementui select下拉库组件鼠标hover出现下拉框
$refs.mySelect.addEventListener('mouseenter',function(){this.
querySelector
('.selectel.el-select-dropdown
正函数
·
2024-01-09 07:11
element
vue.js
elementui
JavaScript(WebAPI)
文章目录1.什么是WebAPI2.DOM基本概念2.1DOM树3.获取元素3.1
querySelector
3.2querySelectorAll4.事件初识4.1键盘事件5.操作元素5.1获取/修改元素属性
学代码的咸鱼
·
2024-01-09 02:50
前端简单介绍
javascript
开发语言
canvas绘制平行线
Titlecanvas{border:1pxsolid#ccc;}varmyCanvas=document.
querySelector
('canvas');varctx=myCanvas.getContext
AssertDo
·
2024-01-09 01:06
vue实现element-ui对话框dialog可拖拽功能
v-dialogDrag:弹窗拖拽Vue.directive('dialogDrag',{bind(el,binding,vnode,oldVnode){constdialogHeaderEl=el.
querySelector
xt_XiTu
·
2024-01-08 05:26
功能实现
vue+element相关
vue.js
elementui
前端
上一页
1
2
3
4
5
6
7
8
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他