- 2024-11-05【JavaScript进阶部分——DOM操作 （节点获取，节点属性修改，节点创建与插入，CSS样式的修改）】
DOM操作是指对文档对象模型（DocumentObjectModel，简称DOM）进行增删改查等操作的过程。DOM是一种表示和操作HTML、XML等文档的标准编程接口，它将文档解析为一个由节点和对象（包含属性和方法）组成的集合，开发者可以通过DOM提供的接口来访问和操作文档的各个部分，包括元素、属性、文
- 2024-11-04JS HOOK 代码段
1、定位header关键字(function(){letheaderCache=window.XMLHttpRequest.prototype.setRequestHeader;window.XMLHttpRequest.prototype.setRequestHeader=function(key,value){console.log('Hooksetheader%s=>%s',key,value);
- 2024-11-04第一章 JavaScript基础
1.什么是JavaScriptJavaScript是一种基于对象和事件驱动的、并具有安全性能的脚本语言JavaScript特点向HTML页面中添加交互行为脚本语言，语法和Java类似解释性语言，边执行边解释JavaScript组成ES基础语法DOM操作HTML元素BOM操作浏览器前进，后退，刷新2.JavaScrip
- 2024-11-03JavaScript 事件监听
一事件绑定点击查看代码1.通过HTML标签中的事件属性进行绑定<inputtype="button"onclick='on()’>functionon(){alert("我被点了");}2.通过DOM元素属性绑定<inputtype="button"id="btn">document.getElementById("btn").o
- 2024-11-03JavaScript知识点梳理及案例实践
1.Date对象创建Date对象//方法1：不指定参数varnowd1=newDate();console.log(nowd1.toLocaleString());//方法2：参数为日期字符串vard2=newDate("2004/3/2011:12");console.log(d2.toLocaleString());vard3=newDate("04/03/2011:12");console.log(d3.toLoca
- 2024-11-03JavaScript的DOM操作
JavaScript的DOM（DocumentObjectModel，文档对象模型）是一种用于表示和操作HTML或XML文档的编程接口。DOM将整个文档建模为一个由节点和对象组成的树结构，使得开发者可以通过JavaScript来访问和修改文档的内容、结构和样式。一、DOM节点DOM节点指的是文档对象模型（DOM
- 2024-11-03手机电脑端可拖动音乐播放器
提示:播放器部分代码未美化，有需要请自行编写电脑端效果展示手机端效果展示CSS: #musicPlayer{position:fixed;width:300px;height:150px;bottom:20px;right:20px;padding:20px;background-color:#444;color:#
- 2024-11-03JSON & Vue -2024/11/2
JSON概念:：JavaScriptObjectNotationJavaScript对象表示法.==json和axios完成查询和展示操作<scriptsrc="../js/axios-0.18.0.js"></script><script>window.onload=function(){axios({method:"get",
- 2024-11-02js-note自用【无规律，你看不懂滴】
获取html标签并修改文本获取html法一·getElementById只可以获得id[不推荐，了解即可]letblock=document.getElementById('block')法二·querySelectorAll得到的是一个nodelist对象【可以获得所有类型选择器】获取了选择器之后，log()里面就可以直接写en单词了，不用
- 2024-11-02html结合js设计一个可拍照可录制可下载的摄像头页面
功能如下 下载后的照片或视频为当前北京时间 html文件用户设置样式，代码如下<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"&
- 2024-11-01给网站添加春节灯笼效果：引入即用，附源码！
记得之前在别的网站上看到这个喜庆的春节灯笼效果，觉得非常吸引人。虽然网上有一些现成的API可以直接实现，比如这个春节灯笼API，但使用后我发现两个问题：一是手机端访问时灯笼没有自适应，二是灯笼上的“春节快乐”四个字不能自定义。为了解决这些问题，我找到了这篇文章，并“借鉴”了其
- 2024-11-01视频播放组件中，样式全屏和全屏的区别是什么？
在视频播放组件中，"样式全屏"和"全屏"是两种不同的显示模式，它们的主要区别在于显示范围和用户体验。以下是详细的解释：样式全屏（PseudoFullscreen）显示范围：样式全屏通常是指在当前网页中最大化视频播放器的显示区域，但不会覆盖整个浏览器窗口。视频播放器会扩展到其父容器的最
- 2024-10-31js 实现鼠标拖尾特效
废话不说，直接上代码。mousemove.jsletisDivCreated=false;letnum=0document.head.insertAdjacentHTML('beforeend',`<style>.icon-div{position:absolute;pointer-events:none;transition:all
- 2024-10-31window.print 实现简单浏览器打印功能
前言一般信息填写类的需求页面，都会增设「预览」和「打印」功能。我们会通过编写DOM及样式来绘制出预览视图，而打印则是基于预览来生成PDF文件。浏览器原生APIwindow.print()可以用于打印当前窗口（window.document）视图内容。调用此方法会产生一个打印预览弹框，用户可以根
- 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-29XSS案例分析和规避
1.什么是XSS跨站脚本（XSS）是一种安全漏洞，允许攻击者向网站注入恶意客户端代码。该代码由受害者执行从而让攻击者绕过访问控制并冒充用户。XSS可能导致cookie、token等用户敏感信息被窃取，或者HTML被重写。下面是一个极简易的新闻发布功能的案例，前端获取用户输入的标题和新闻内容，服
- 2024-10-29从零开始的JavaScript基础！
目录一、JavaScript的概述二、如何在HTML页面中使用JS（一）、行内式 （二）、内嵌式（三）、外链式（四）、基本执行顺序1.从上到下线性执行：2.阻塞行为：（五）、JS输出方式1. alert() 通过浏览器弹出框进行输出 2.document.write() 直接在网页页面中进行输出 3.console.log()
- 2024-10-29h5 移动端适配最佳实践
移动端适配的方案需要根据具体的业务场景进行选择，工作中接触最多的是一些h5活动页、落地页等，这些页面在大小屏手机上的展示要求大小屏无差异，那么就针对以上要求进行项目整体的适配是最合适不过的。如果是大屏手机展示更多的内容，并不着重于放大展示的话，外层布局使用vw，%，flex，内层直
- 2024-10-28web前端期末大作业：基于HTML+CSS+JavaScript制作我的音乐网站（带设计报告）
- 2024-10-28手机版简单的密码记录本：内置的记录在页面隐藏了删除按钮，页面上添加的显示删除按钮
<!DOCTYPEhtml><htmllang="zh-CN"><head> <metacharset="UTF-8"> <title>账号密码备忘录</title> <style> body{ width:100vw; height:100vh; margin:0; padding:0; background-color:
- 2024-10-25倒计时功能实现：认识了css选择器 div[id^=“countdown-“]
html倒计时<!DOCTYPEhtml><htmllang="zh-CN"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>倒计时功能实现</ti
- 2024-10-24jQuery监听文档加载
◼jQuery监听document的DOMContentLoaded事件的四种方案$(document).ready(handler)：deprecated$("document").ready(handler)：deprecated$().ready(handler)：deprecated$(handler)：推荐用这种写法，其它可以使用但是不推荐//监听文档加载//方
- 2024-10-23点击触发事件
<%--CreatedbyIntelliJIDEA.User:26945Date:2024/10/23Time:16:57TochangethistemplateuseFile|Settings|FileTemplates.--%><%@pagecontentType="text/html;charset=UTF-8"language="java"%><html
- 2024-10-232024-10-22
注释scribt的输出方式scribt的数据类型原始类型复合类型示例：Math函数Date函数document获取元素documengt.getElementsByTagName()documengt.getElementsByClassName()document.getElementsByName()document.getElementsById()decument.querySelector()d
- 2024-10-23会话管理-帮你搞懂cookie（Html版本）
前端JavaScript中的cookie是一种用于在浏览器和服务器之间传递数据的机制。它们通常用于跟踪用户的会话信息，如登录状态、购物车内容等。Cookie的使用非常广泛，几乎所有的web应用程序都会使用到cookie来保存用户信息或者偏好设置。【注：dom和jdom的概念和转换看这篇-->】后端入