Javascript Regex для преобразования всех ссылок на сайте с http на https

Я предполагаю, что это выражение или, может быть, его модифицированная версия,

(http)(:[^\s]+)

с заменой,

$1s$2

может быть то, что вы могли бы быть в поисках.

В этом демо выражение объясняется, если вам может быть интересно.

Тестовое задание

const regex = /(http)(:[^\s]+)/gm;
const str = `http://some_domain.com/some_link/`;
const subst = `$1s$2`;

// The substituted value will be contained in the result variable
const result = str.replace(regex, subst);

console.info(result);

На самом деле вы не показали никакого кода, который вы пробовали, но это довольно просто, и его можно сделать еще лучше с помощью умного использования селекторов запросов и некоторых методов массива:

[...document.querySelectorAll('*[src], *[href]')].forEach(element => {
  ['src', 'href'].forEach(attribute => {
    if (element[attribute]) {
      element[attribute] = element[attribute].replace(/^http:///ig, 'https://');
    }
  });
});

Вы можете получить HTML-коллекцию всех элементов определенного типа, используя document.getElementsByTagName()

Допустим, вы хотите изменить свойство .src всех <img>элементов.

var elements=document.getElementsByTagName("img");

Теперь, если вы перебираете элементы, вы можете изменить их свойство .src, используя метод заменять() объектов String.

elements[0].src=elements[0].src.replace("http","https");

Вот пример использования img и a для иллюстрации процесса:

function replace(htmlElements) {
  for (var a = 0; a < htmlElements.length; a++) {
    var localElement = htmlElements[a];
    var property;
    switch (localElement.localName) {
      case "img":
        property = "src";
        break;
      case "a":
        property = "href";
        break;
    }
    if (localElement[property].indexOf("https") == -1) {
      localElement[property] = localElement[property].replace("http", "https");
    }
  }
}
var elements = document.getElementsByTagName("img");
replace(elements);
elements = document.getElementsByTagName("a");
replace(elements);

<a href = "http://www.example.com/linkA">LinkA</a>
<a href = "https://www.example.com/linkB">LinkB</a>
<a href = "http://www.example.com/linkC">LinkC</a>
<img src = "http://picsum.photos/id/469/200/300">
<img src = "http://picsum.photos/id/269/200/300">

Если вы используете jQuery, вы можете сделать что-то вроде этого:

$(function() {
 $("a").each(function() {
      if ($(this).attr("href").includes("http:"))
           $(this).attr("href",$(this).attr("href").replace("http:","https:"));
 });
 $("img").each(function() {
      if ($(this).attr("src").includes("http:"))
           $(this).attr("src",$(this).attr("src").replace("http:","https:"));
 });
});

НО, я не думаю, что это хорошая идея. Если вы поместите этот скрипт в нижний колонтитул, процессор HTML загрузит все активы по любому протоколу, который у вас есть, HTTP и т. д. Затем ваш скрипт запустится и, возможно, изменит URL-адреса. Затем процессор HTML загрузит эти активы во второй раз, чтобы обработать их. Если некоторые из этих ресурсов, скриптов или CSS, то страницу придется повторно отображать, возможно, несколько раз по мере ее сохранения. Это может привести к снижению производительности, дублированию загрузки ресурсов и, возможно, мерцанию страницы.

Если это локальные активы на вашем сервере или в CDN, лучшим решением будет по возможности использовать URL-адреса, не зависящие от протокола. Например:

<a href = "//ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js">

or <img src = "//myserver.com/image1.jpg">

Браузер заполнит http или https в зависимости от того, какой протокол использовался для получения веб-страницы. Если вы можете заставить своих разработчиков постоянно использовать этот метод, им не нужно менять протокол.