Как сделать ссылку на другую веб-страницу, используя html / JS, не сохраняя путь к файлу оригинальной страницы?

Question

Я хочу перейти на stackoverflow.com, например, когда щелкнул по ahref. Пользователь вводит URL-адреса, поэтому он может иметь https: // в начале или нет. Всякий раз, когда URL имеет https: // в начале, он отлично работает и ссылается на страницу, но всякий раз, когда это не так. Сохраняет путь к файлу, например: file: /// C: /Users/..../stackoverflow.com

Как я могу это исправить? https://codepen.io/anon/pen/rKZGdG

    let results = document.getElementById('results');

    // let url = "https://www.facebook.com"; WORKS
    let name = "result";
    let url = "facebook.com";
    // this one leaves on the webite when Visit is clicked eg. file:///C:/User/../facebook.com
    //I want the user to be able use to fb.com or http://www.fb.com, how can I do this? 
  
    results.innerHTML += '<div class="card bg-light p-3">'+
                                        '<h3>'+name+ 
                                        ' <a class="btn btn-secondary" target="_blank" href="'+url+'">Visit</a> ' + 
                                        ' <a  onclick="delete(\''+url+'\')" class="btn btn-danger" href="#">Delete</a> ' +
                                        '</h3>' 
                                        + '</div>';

<div id="results">
</div>

Answer 1

Просто добавьте // перед вашим URL. Так что в вашем случае это должно работать:

results.innerHTML += '<div class="card bg-light p-3">'+
                                        '<h3>'+name+ 
                                        ' <a class="btn btn-secondary" target="_blank" href="//'+url+'">Visit</a> ' + 
                                        ' <a  onclick="delete(\''+url+'\')" class="btn btn-danger" href="#">Delete</a> ' +
                                        '</h3>' 
                                        + '</div>';

Это связано с тем, что при добавлении ссылки без протокола или косой черты она интерпретируется как относительный путь.