Какой метод java-скрипта или jquery позволяет нам использовать noopener noreferrer и target _blank для открытия веб-страницы на основе URL

Question

Существует несколько способов открыть страницу с URL:

window.location.replace("http://example.com"); // replace the existing page with replacing the history of existing page

window.location.assign('http://example.com','_blank');

window.open('http://www.example.com','_blank');

window.location = "http://example.com";

window.location.href = "http://example.com";

location.href = "http://example.com";   // I think this is faster in speed

Какой из них быстрее всего загружать страницу, если скорость интернета постоянна (одинакова) и позволяет использовать

rel="noopener noreferrer" and target="_blank"

Как и яхочу, чтобы это открывало стороннюю ссылку в новом окне, но в случае, если лучше открыть в том же окне, и мы можем нарушить процесс создания страницы моего сайта (родительской страницы), мне нужно использовать rel = "noopenernoreferrer "

Answer 1

Создайте отключенный атрибут для ваших якорных тегов, как этот, и в целях безопасности также очистите атрибут href якорного тега.

let link = document.querySelectorAll('[disabled-link]');

Array.from(link).forEach((links) => {
  links.setAttribute("href","#")
  links.style.filter = "grayscale(100%)"
  links.style.cursor = "not-allowed"
  links.style.textDecoration = "none"
})

<a id="link" disabled-link href="http://www.google.com">This link is disabled</a><br>
<a id="link" href="http://www.google.com">This link is not disabled</a>

Кроме того, что вы подразумеваете под

Какой из них является самым быстрым и позволяет использовать rel = "noopener noreferrer" и target = "_ blank"

Все одинаковы и открывают различные ссылки с одинаковой скоростью. Кроме того, если вы имели в виду скорость загрузки страницы, то это зависит от интернета.

Answer 2

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

var link = document.getElementById('link');

link.addEventListener('click', function(e) {
  e.preventDefault();
  this.style.cursor = "not-allowed";
  this.href = "";
})

<a id="link" href="http://www.google.com">hello</a>