← All examples

JavaScript Navigation bbc.com

BBC: mark external links

Appends a small arrow to article links that lead away from the bbc.com domain.

Code to copy

// Mark links that lead away from bbc.com with an arrow
(function () {
  var links = document.querySelectorAll('article a[href^="http"]');
  links.forEach(function (a) {
    if (a.dataset.jzExt) { return; }
    try {
      if (new URL(a.href).hostname.indexOf('bbc.') === -1) {
        a.dataset.jzExt = '1';
        a.appendChild(document.createTextNode(' ↗'));
      }
    } catch (e) { /* ignore malformed href */ }
  });
})();

How to use this example

  1. Copy the code with the button above.
  2. Install JustZix (2 minutes) and open the extension on the target page.
  3. Add a new rule matching that page.
  4. Paste the code into the rule's JavaScript panel and save — it runs on every page visit.

Rate this example

No ratings yet — be the first.

Does this example work?

Snippets are useless without somewhere to paste them.

JustZix takes 2 minutes to install and runs your code on every matching page. No account, no payment.

Download free See use cases