highlight webpage links

bookmarklet.js

javascript:(function(){var%20host=window.location.host;var%20goog=%22http://www.google.com/s2/favicons%3Fdomain=%22;var%20links=document.getElementsByTagName(%22a%22);for(i=0;i%3Clinks.length;i++){var%20link=links[i];if(link.href.match(%22^https%3F://%22)%26%26%20!link.href.match(host)){domain=link.href.split(%22/%22);link.style.background=%22yellow url(%22+goog+domain[2]+%22)%20center%20left%20no-repeat%22;link.style.fontWeight=%22bold%22;link.style.fontSize=%22105%25%22;link.style.padding=%225px%205px%205px%2020px%22;link.style.textDecoration=%22underline%22;}}})();

full.js

// See original: https://www.labnol.org/internet/highlight-external-links-on-web-pages/9678/
// Highlight External Links by Amit Agarwal
// Published on 06/09/2012

// Find the domain name of the current page
var host = window.location.host;

// Use Google's Favicon Generator
var goog = "http://www.google.com/s2/favicons?domain=";

// Find all hyperlinks on a web page
var links = document.getElementsByTagName("a");

for (i=0; i<links.length; i++) {

  var link = links[i];

  // Skip all internal links where the href is the same as the domain host
  // Also skip non HTTP links like FTP, MAILTO, etc.

  if(link.href.match("^https?://") && !link.href.match(host)) {

    var domain = link.href.split("/");

    // Apply some CSS styles to the external hyperlinks
    link.style.background = "yellow url(" + goog + domain[2] + ") center left no-repeat";

    link.style.fontWeight = "bold";

    link.style.fontSize = "105%";

    link.style.padding="5px 5px 5px 20px";    

    link.style.textDecoration="underline";

  }   
}