用js怎么去除网页两边的广告

用JS去除网页两边的广告的方法有很多种，包括使用CSS隐藏广告元素、通过JavaScript动态移除广告元素、使用浏览器扩展等。最常用的方法是使用JavaScript动态移除广告元素，因为它能够在页面加载后根据广告的具体位置和标签进行精确处理。这种方法的核心步骤包括：获取广告元素、移除广告元素、设置页面刷新时自动移除广告。以下是具体的实现方法和步骤。

一、获取广告元素

在移除广告元素之前，我们首先需要定位到这些广告元素。广告元素通常会有特定的class或id，或者可以通过其他属性来识别。以下是一些常见的获取广告元素的方法：

1. 通过class或id获取广告元素

大多数广告元素都会有特定的class或id，我们可以通过这些属性来获取广告元素。例如：

let adElements = document.querySelectorAll('.ad-class, #ad-id');

2. 通过其他属性获取广告元素

有时候广告元素没有明确的class或id，但它们可能有其他属性，比如特定的标签、数据属性等。我们可以使用这些属性来获取广告元素。例如：

let adElements = document.querySelectorAll('[data-ad="true"]');

二、移除广告元素

获取到广告元素后，我们可以使用JavaScript移除这些元素。常用的方法是遍历所有广告元素，然后将其从DOM中移除。例如：

adElements.forEach(ad => {
    ad.parentNode.removeChild(ad);
});

三、设置页面刷新时自动移除广告

为了确保广告在页面刷新时也能被自动移除，我们可以将上述代码放在一个函数中，并在页面加载完成后调用该函数。例如：

window.onload = function() {
    let adElements = document.querySelectorAll('.ad-class, #ad-id');
    adElements.forEach(ad => {
        ad.parentNode.removeChild(ad);
    });
};

四、使用MutationObserver动态移除广告

有些广告可能是在页面加载完成后动态插入的，为了处理这种情况，我们可以使用MutationObserver来监听DOM变化并动态移除广告。例如：

const observer = new MutationObserver((mutations) => {
    mutations.forEach((mutation) => {
        let adElements = document.querySelectorAll('.ad-class, #ad-id');
        adElements.forEach(ad => {
            ad.parentNode.removeChild(ad);
        });
    });
});
observer.observe(document.body, { childList: true, subtree: true });

五、使用浏览器扩展进行广告拦截

除了使用JavaScript代码动态移除广告外，我们还可以使用浏览器扩展来进行广告拦截。浏览器扩展通常提供更强大的广告拦截功能，并且能够自动更新广告拦截规则。推荐使用的浏览器扩展有：

uBlock Origin
AdBlock Plus

这些扩展可以在浏览器的扩展商店中找到，并且安装和使用都非常简单。

六、结合CSS和JavaScript进行广告移除

有时候单纯使用JavaScript移除广告可能不够，我们可以结合使用CSS和JavaScript来进行广告移除。例如，可以先使用CSS隐藏广告元素，然后再使用JavaScript彻底移除广告元素：

/* 将广告元素隐藏 */
.ad-class, #ad-id {
    display: none !important;
}

window.onload = function() {
    let adElements = document.querySelectorAll('.ad-class, #ad-id');
    adElements.forEach(ad => {
        ad.parentNode.removeChild(ad);
    });
};

七、总结

通过以上方法，我们可以有效地使用JavaScript动态移除网页两边的广告。获取广告元素、移除广告元素、设置页面刷新时自动移除广告、使用MutationObserver动态移除广告是最常用的几种方法。结合使用CSS和JavaScript可以提高广告移除的效果。对于更复杂的广告拦截需求，建议使用专业的浏览器扩展来实现。