Javascript 在加载图像时替换图像
所以我想制作一个简单的脚本来替换网站上的图片（当然是小猫图片）。问题是，我希望脚本在我滚动浏览站点时不断替换图像 例如，在谷歌图片上，它只会加载立即加载图片的小猫图片，而不会加载之后加载的其他图片 如何使图像替换新加载的图像？我曾经考虑过检测内容负载，但不知道如何处理这个问题，因为我对网络上的一切都是新手 以下是我的content.js代码：Javascript 在加载图像时替换图像,javascript,web,Javascript,Web,所以我想制作一个简单的脚本来替换网站上的图片（当然是小猫图片）。问题是，我希望脚本在我滚动浏览站点时不断替换图像 例如，在谷歌图片上，它只会加载立即加载图片的小猫图片，而不会加载之后加载的其他图片 如何使图像替换新加载的图像？我曾经考虑过检测内容负载，但不知道如何处理这个问题，因为我对网络上的一切都是新手 以下是我的content.js代码： if（document.readyState=='loading'）{ 文档。addEventListener（'DOMContentLoaded'，替换
if（document.readyState=='loading'）{
文档。addEventListener（'DOMContentLoaded'，替换）；
}否则{
替换（）；
}
函数替换（）{
让文件名=[
“0.jpg”，
“1.jpg”，
“2.jpg”，
“3.jpg”，
“4.jpg”，
“5.jpg”，
“6.jpg”，
“7.jpg”，
“8.jpg”，
“9.jpg”，
“10.jpg”
];
让imgs=document.getElementsByTagName（'img'）；
用于（imgs的图像）{
让ran=Math.floor（Math.random（）*10）；
console.log（ran）；
让file='cat/'+文件名[ran]；
让url=chrome.extension.getURL（文件）；
image.src=url；
}
}
.dataset<!doctype html>
<html>
<head>
<script>
"use strict";
window.addEventListener('load', onWindowLoaded, false);
function onWindowLoaded(evt)
{
const targetNode = document.body;
const config = {attributes:true, childList:true, subtree: true};
const observer = new MutationObserver(callbackFunc);
observer.observe(targetNode, config);
function callbackFunc(mutationsList, observer)
{
for (const mutation of mutationsList)
{
if (mutation.type == 'childList')
updateImageSources();
}
}
}
function updateImageSources()
{
let allImages = document.querySelectorAll('img');
allImages.forEach( imgFunc );
function imgFunc(img, index, collection)
{
let filenames = ['0.jpg', '1.jpg', '2.jpg', '3.jpg', '4.jpg', '5.jpg',
'6.jpg', '7.jpg', '8.jpg', '9.jpg', '10.jpg'];
if (img.dataset.replaced == undefined)
{
img.dataset.replaced = true;
let randomIndex = Math.floor( filenames.length * Math.random() );
img.src = filenames[randomIndex];
}
}
}
</script>
</head>
<body>
<img><img><img>
<hr>
</body>
</html>
“严格使用”；
addEventListener（'load'，onWindowLoaded，false）；
函数onWindowLoaded（evt）
{
const targetNode=document.body；
const config={attributes:true，childList:true，subtree:true}；
const observer=新的变异观察者（callbackFunc）；
observer.observe（targetNode，config）；
函数callbackFunc（mutationsList，observer）
{
for（突变列表的常数突变）
{
if（mutation.type=='childList'）
updateImageSources（）；
}
}
}
函数updateImageSources（）
{
让allImages=document.queryselectoral（'img'）；
所有图像。forEach（imgFunc）；
函数imgFunc（img、索引、集合）
{
让文件名=['0.jpg'，'1.jpg'，'2.jpg'，'3.jpg'，'4.jpg'，'5.jpg'，
"6.jpg,"7.jpg,"8.jpg,"9.jpg,"10.jpg";；
if（img.dataset.replaced==未定义）
{
img.dataset.replaced=true；
让randomIndex=Math.floor（filenames.length*Math.random（））；
img.src=文件名[随机索引]；
}
}
}
setTimeout（）clearTimeout（）