- 2024-11-17js常用事件监听
一、鼠标事件监听指在程序中捕获和响应鼠标动作的事件。常见的鼠标事件包括鼠标点击、移动、滚轮滚动等。1、mousedown：按下鼠标键时触发<head><style>.box{width:60px;height:30px;background-color:aliceblue;
- 2024-11-17canvas绘制文本
练习一下canvas对文本的基本应用<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>Title</title></head><body><div><labelfor="name">
- 2024-11-16移动端 html 关闭遮罩层时,禁止遮罩层下面层的控件获取焦点
在移动端开发中，当你想要在关闭遮罩层时阻止底部控件获得焦点，可以通过设置遮罩层的 touchAction 属性为 none 来禁止触摸事件，或者在遮罩层上添加一个透明的事件拦截层。以下是一个示例代码，展示了如何在关闭遮罩层时阻止底部控件获得焦点：HTML:<divid="overlay"style="disp
- 2024-11-1324.11.13 Javascript3
Javascript31.dom元素获取查找元素的函数getElementById("id值")查找到唯一一个元素getElementsByClassName("class值")查找指定class的元素数组getElementsByTagName("标签名")查找指定标签名的元素
- 2024-11-13❤React-JSX语法认识和使用
1、JSX基本使用JSX是React的核心JSX是ES的扩展jsx语法->普通的JavaScript代码->babelReact可以使用JSX的前提和原因：React生态系统支持： 脚手架通常用于构建React应用程序，而JSX是React框架的核心语法之一。因此，脚手架默认支持JSX语法，以便更轻松地编写和管理React组件
- 2024-11-12web前端期末大作业：基于HTML+CSS+JavaScript制作我的音乐网站（带设计报告）
- 2024-11-06JavaScript的对象事件监听处理，交互式网页的关键！
目录一、对象的事件二、常用的事件及处理1、鼠标事件（1） mousedown事件（2） mouseup事件（3） click事件（4）dblclick事件（5）mouseenter事件（6）mouseleave事件（7）wheel事件2、键盘事件（1）keydown事件（2）keyup事件3、表单事件（1）概念 （2）先设置一个简单的表单（3）获取表单节点（4）添加表
- 2024-11-02html结合js设计一个可拍照可录制可下载的摄像头页面
功能如下 下载后的照片或视频为当前北京时间 html文件用户设置样式，代码如下<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"&
- 2024-11-012024网鼎杯
赛题名称：WEB02解题步骤（WriteUp）第一步：登录随便输入就能登陆第二步：测试登陆后简单试探发现可以xss但是测试发现不能出网我们没发把想要的内容弹到我们的服务器上第三步：改变思路编写脚本但是我们可以利用boss将想要的内容提交到我们所设置的模块里<!DOCTYPEhtml><html
- 2024-10-302024/10/30
今天学习了对页面输入内容的约束写法/提交日报逻辑document.getElementById('submitForm').addEventListener('submit',function(e){e.preventDefault();letbatch=document.getElementById('batch').value;letworkerId=document.getElementById('w
- 2024-10-30js文件切片上传组件resumable.js使用
接到一个媒体文件切片上传的需求，写demo记录下。前端<fieldset><legend>videopreview</legend><div><videoid="video-preview"controlsmutedheight="112px"width="200px"></video><inputtype="
- 2024-10-28web前端期末大作业：基于HTML+CSS+JavaScript制作我的音乐网站（带设计报告）
- 2024-10-23点击触发事件
<%--CreatedbyIntelliJIDEA.User:26945Date:2024/10/23Time:16:57TochangethistemplateuseFile|Settings|FileTemplates.--%><%@pagecontentType="text/html;charset=UTF-8"language="java"%><html
- 2024-10-22原生js实现列表内容向上滚动，列表内容向上轮播
<divid="review_box"><ulid="conent1"><li>第一条内容</li><li>第二条内容</li><li>第三条内容</li><li>第四条内容</li><li>第五条内容</li>
- 2024-10-13des加密工具
代码<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><metaname="viewport"content="width=dev
- 2024-10-13前端知识整理（全屏播放器 CSS JavaScript 轮转播放 jquery库 AJAX 画布 网页测试）
currenttime在前端开发中，“currenttime”通常指的是获取用户设备的当前时间。这可以通过JavaScript来实现，下面是一个简单的示例代码，展示如何获取并显示当前时间：<!DOCTYPEhtml><html><head><title>显示当前时间</title></head><body><h1>当前时间:</h1><pid="d
- 2024-10-10web端使用高德地图逆地理编码
1、首先去地理/逆地理编码-基础API文档-开发指南-Web服务API|高德地图API注册一下2、点击产品介绍-------地理/逆地理编码 3、创建应用拿到key 创建web服务、看底下有逆地理编码服务4、上一步就能拿到key了最后一步复制底下代码即可<!DOCTYPEhtml><htmlla
- 2024-10-09js学习 -2024/10/9
今天学习了js中的一些知识DOM通过document.get...函数获取元素对象可以查阅h3school资料找对象的函数,操作对象,//根据id获取元素对象//letid=document.getElementById('back');//id.src="../img/02.png";//根据标签获取元素对象vardivss=document.getElement
- 2024-10-082018_10_29_02
代码收集区分桌面环境与移动平台参考文章:https://segmentfault.com/a/1190000016760627<<<docs/.vuepress/components/js/2018_10_29_01/2018_10_29_01.jselement元素Y轴的scroll事件触发移动平台<<<docs/.vuepress/components/js/2018_10_29_02/html_scroll_mo
- 2024-10-01前端DOM常用操作
前端DOM常用操作及代码案例在前端开发中，DOM（文档对象模型）操作是不可或缺的一部分。通过DOM，开发者可以查找节点、增删节点、修改节点内容、操作CSS样式等。本文将介绍一些常用的DOM操作，并提供相应的代码案例。一、创建节点createElement：用于创建新元素。constdivEl=doc
- 2024-09-24js DOM学习的综合样例
jsDOM学习的综合样例本人简单学习了一点md语法,写出来的博客会更好看喵.样例介绍主要实现利用DOM的获取标签对象的功能和对监听功能实现三个功能:(1)开灯,关灯(2)对标签进行全选,反选(3)对文本框聚焦时字母为大写,反之为小写基本实现方法(1)开灯关灯:a.
- 2024-09-21DOM【JavaScript】
在JavaScript中，DOM(DocumentObjectModel：文档对象模型)是web页面的编程接口，用于表示和操作HTML和XML文档。它将文档结构化为一个树形结构，允许开发者通过JavaScript访问和修改网页的内容、结构和样式。以下是一些关于DOM的关键概念：1.结构DOM树结构是以节点为单位组
- 2024-09-19web - JavaScript
JavaScript1，JavaScript简介JavaScript是一门跨平台、面向对象的脚本语言，而Java语言也是跨平台的、面向对象的语言，只不过Java是编译语言，是需要编译成字节码文件才能运行的；JavaScript是脚本语言，不需要编译，由浏览器直接解析并执行。JavaScript是用来控制网页行为的，它能使
- 2024-09-12手把手教你制作最简网页版倒计时程序（核心代码仅25行）
一、解构如图所示，手机浏览器的效果。代码就是简单的html语言加上一个JavaScript脚本，界面主要分3部分，功能实现主要分3个函数。（一）显示样式在头里定义了居中显示的CSS样式，将来在浏览器中居中显示倒计时X分XX秒。<styletype="text/css"> .center{ positio