• 2024-06-21幼儿园报名(抢注)js脚本
    测试页面:https://www.wjx.cn/vm/YsVYnK1.aspxdocument.querySelector("#q1").value="姓名";//性别;//constsex1={男:"#q2_1",女:"#q2_2"};//document.querySelector(sex1.男).click();document.querySelector("#q2_1").cl
  • 2024-06-18javaScript获取dom元素的常见方法
    前端开发都知道在react、vue等框架没问世之前,开发人员要实现用户对网页元素进行操作时,其中就包括dom元素的选择,不可避免的就是要获取到目标元素再接着编写功能代码。废话少说让我们来看看javaScript获取dom元素的常见方法元素js获取dom元素的方法常有以下几种:1.两个
  • 2024-06-13JavaScript-DOM
    DOM全称:DOM(DocumentObjectModel--文档对象类型) 作用:用来操控网页类容的功能,开发网页特效和实现用户交互DOM结构将HTML文档以树形结构表现出来称之为DOM树获取DOM 语法:document.querySelector('css选择器')参数:包含一个或多个css选择器字符串返回值:CSS选
  • 2024-06-08大学生HTML期末大作业——HTML+CSS+JavaScript购物商城(美食)
    HTML+CSS+JS【购物商城】网页设计期末课程大作业web前端开发技术web课程设计网页规划与设计
  • 2024-06-01hm头条-admin
    本节目标完成项目项目介绍验证码登录统一处理请求富文本编辑器频道下拉菜单封面上传文章列表展示筛选功能分页功能删除功能编辑文章(回显)编辑文章(保存)退出登录项目介绍介绍头条数据管理平台:对IT资源移动网站的数据进行管理移动网站(演示):极客园主要功能登录
  • 2024-05-20JavaScript------querySelector/querySelectorAll的使用
    1、基础语法querySelector()方法返回文档中匹配指定CSS选择器的一个元素。querySelector()方法仅仅返回匹配指定选择器的第一个元素。如果你需要返回所有的元素,请使用querySelectorAll()方法替代。属性:指定一个或多个匹配元素的CSS选择器。可以使用它们的id,类,类
  • 2024-05-01纵向控制的横向滚动
    <template><divclass="scroll-container"id="scroll-container"><divclass="v-scroll"><divclass="content"><slot></slot></div></div>
  • 2024-04-28Cookie Store API
    CookieStoreAPI获取和设置cookie的信息无法获取HttpOnly标记的cookieexpires为null时,表示会话结束时过期domain只有在domain为当前域名的主域名时才显示(不包含子域名),否则为null.<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"/>
  • 2024-04-23img case1
    <body><divclass="slider"><divclass="slider-wrapper"><imgsrc="./test1.png"alt=""/><divclass="box">X</div><
  • 2024-04-14Web APIs
    0x01概述API是一些预先定义的函数,提供应用程序与开发人员基于某软件或硬件访问一组例程的能力WebAPIs是W3C组织的标准,是JS独有的部分WebAPI是浏览器提供的一套操作浏览器功能和页面元素的API,即DOM与BOM0x02DOM(1)简介文档对象模型(DocumentObjectModel)是
  • 2024-04-09通过css变量和动画的延迟负值, 实现动画效果
    <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>Document</title&g
  • 2024-04-02JS的DOM事件
    文章目录1.Json内置对象1.1.概念1.2.语法规则1.3.json和js对象的区别1.3.1.语法1.3.2.作用1.4.方法1.5.解析网络数据2.DOM树2.1.概念2.2.document对象2.3.获取DOM对象3.事件入门4.书架案例4.1.演示效果4.2.代码实现5.操作元素属性5.1.原始
  • 2024-03-30【Web应用技术基础】JavaScript(1)——案例:猜数字
    因为不能插入视频,所以给大家一张一张截图的点击“重新开始一局游戏” <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0">
  • 2024-02-20使用油猴插件,修改和简化美化博客园的随笔编辑界面
    包含内容开局自动打开实时预览编辑区域高度放大左侧菜单栏区域缩小下方菜单栏隐藏,点击恢复可再现待续//==UserScript==//@name博客园修改//@namespacehttp://tampermonkey.net///@version2024-02-20//@descriptiontrytotakeover
  • 2024-02-15JavaScript中的querySelector()方法是什么,它是如何工作的?
    在JavaScript中,有时您需要访问HTML元素。querySelector方法是一个WebAPI,它选择与传入的指定CSS选择器匹配的第一个元素。但是,更详细地说,这是如何工作的呢?在本文中,我们将看一些如何使用querySelector方法以及querySelectorAll方法的示例。(本文内容参考:java567.com)querySelector
  • 2024-02-06DOM&&BOM
    获取页面元素getElementById getElementsByTagName getElementsByClassNamequerySelector/querySelectorAllgetElementsByTagName由于每次获取到多个数据,组成一个伪数组,因此在对每一个数据进行操作时,要通过循环的方式进行<divid="d">aaaa</div><script>//d中保存di
  • 2024-01-24自适应高度的过渡
    点击查看代码<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"/><metahttp-equiv="X-UA-Compatible"content="IE=edge"/><metaname="viewport"content=
  • 2024-01-24js DOM 扩展
    尽管DOMAPI已经相当不错,但仍然不断有标准或专有的扩展出现,以支持更多功能。2008年以前,大部分浏览器对DOM的扩展是专有的。此后,W3C开始着手将这些已成为事实标准的专有扩展编制成正式规范。本章所有内容已经得到市场占有率名列前茅的所有主流浏览器支持,除非特别说明。Java
  • 2024-01-15vue 滚动条滚动到列表的某个区域时,将(负责的、参与的、管理的)区域的title固定到头部
    1、html1<div:id="item.id"class="list-item"v-for="(item,index)inokrTableDate":key="index">2<pclass="bold":class="{'is-fixed':isFixedFlag1&&item.id===�
  • 2024-01-08倒计时模块复习
    经典回顾倒计时倒计时的基本布局介绍。一个内容区域和一个输入区域,内容区域进行划分直接使用flex布局会更快一点。js代码我们利用一下模块化思想,直接把获得时间这个功能写成一个函数。方便后续的调用functiongetTime(){constdate=newDate()re
  • 2023-12-30娱乐 2023/12/30 《天帝史诗0元享活动》狂欢第二幕自动领高级购物券宝箱
    1.打开活动页面活动直达2.按F12打开浏览器控制台或者Ctrl+Shift+I3.选择console面板4.复制下面代码到控制台再回车functiona(){document.querySelector("#pr2>a").click()letb=setTimeout(()=>{document.querySelector("#commonms
  • 2023-12-16使用JS脚本修改页面内容
    在学习RPA时,我对使用JS脚本修改页面内容进行了深入学习。记录如下:获取元素的方法:1.document.getElementById("xxx")2.document.getElementsByClassName("xxx")3.document.getElementsByTagName("xxx")4.document.getElementsByName("xxx")5.document.querySele
  • 2023-12-14记录--js小练习(弹幕、 电梯导航、 倒计时、 随机点名、 购物放大镜)
    这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助DOM小练习弹幕电梯导航倒计时随机点名购物放大镜1.弹幕效果预览功能:输入弹幕内容,按下回车显示一条弹幕(弹幕颜色、字体随机生成)思路:设置按钮抬起事件,在事件中判断如果按下的是回车键则将输入框中替换掉
  • 2023-12-01前端学习-JavaScript学习-js基础-API01
    学习视频:黑马程序员视频链接DOM简介DOM简介DOM树:将HTML文档标签以树状形式表现出来DOM对象:每个标签都是DOM对象DOM核心思想:将网页内容当作对象处理DOM中最大的对象:document,其次是<html><!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metan
  • 2023-11-2711月23日每日学习
    今天写的是flash的大作业<!DOCTYPEhtml><html><head><metahttp-equiv="content-type"content="text/html;charset=utf-8"><metaname="viewport"content="width=device-width,initial-scale=1,