一行代码“黑”掉任意网站
一行代码“黑”掉任意网站实用技巧:只需一行代码,轻轻一点就可以把任意网站变成暗黑模式。 首先我们先做一个实验,在任意网站中,打开浏览器开发者工具(F12),在Console控制台输入如下代码并回车: 1document.documentElement.style.filter='invert(85%) hue-rotate(180deg)' 神奇的事情发生了,当前打开的网站变成了暗黑模式。 详情:原理解释 document.documentElement 获取文档对象的根元素,即<html>元素 给html元素的.style样式添加filter滤镜样式为invert(85%) hue-rotate(180deg) invert() 反转图像。 hue-rotate()色相旋转。 更多滤镜知识:filter。 为了更方便实用,达到轻轻一点就可以对网页施加魔法🎉, 我们对代码做了一点点🤏🏻改动。(修正了滤镜对图片等元素的影响) 1javascript: (function () { const docStyle = ...
事件
事件一、EventTarget 接口 事件的本质是程序各个组成部分之间的一种通信方式,也是异步编程的一种实现。DOM 支持大量的事件,本章开始介绍 DOM 的事件编程。 1、概述DOM 的事件操作(监听和触发),都定义在EventTarget接口。所有节点对象都部署了这个接口,其他一些需要事件通信的浏览器内置对象(比如,XMLHttpRequest、AudioNode、AudioContext)也部署了这个接口。 该接口主要提供三个实例方法。 addEventListener:绑定事件的监听函数 removeEventListener:移除事件的监听函数 dispatchEvent:触发事件 2、EventTarget.addEventListener()EventTarget.addEventListener()用于在当前节点或对象上,定义一个特定事件的监听函数。一旦这个事件发生,就会执行监听函数。该方法没有返回值。 12target.addEventListener(type, listener[, useCapture]);// 事件名称,监听函数 [,是否在捕获阶段触...





