Replace all links on the page using JavaScript and jQuery

In this guide, we will look at how to replace all links on a webpage using JavaScript and the jQuery library. This can be useful, for example, when you need to temporarily change links on a site (for a week or another period) without having to manually rewrite them.

Replacing links with exceptions

In the first example, we change all external links, excluding those that contain a certain domain. This can be useful if you want to keep the internal navigation on the site unchanged.

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
$(document).ready(function () {
    // Iterate over all <a> tags on the page
    $('a').each(function (index) {
       // Check if href does not contain the specified domain
       if (this.href.indexOf("http://vse-ssilki-.krome") != 0) {
           // Replace href with the new URL
           this.href = "http://menjaem-na-etot.domen/";
       }
    }); 
});
</script>

Replacing all links without exceptions

In the second example, we simply replace all links on the page with a new URL. This can be useful for globally reconfiguring all links to a temporary or new resource.

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
$(document).ready(function () {
    // Iterate over each <a> tag on the page
    $('a').each(function (index) {
        // Replace href with the new URL
        this.href = "http://menjaem-na-etot.domen/chelovekopriyatniy-url/";
    }); 
});
</script>

Implementation in pure JavaScript

For those who prefer not to use jQuery, here is how you can achieve the same result using pure JavaScript:

<script type="text/javascript">
document.addEventListener('DOMContentLoaded', function () {
    // Get all <a> elements on the page
    var links = document.querySelectorAll('a');
    // Iterate over the obtained elements
    links.forEach(function(link) {
        // Change the address to the new URL
        link.href = "http://menjaem-na-etot.domen/chelovekopriyatniy-url/";
    });
});
</script>