将“http://”或“https://”添加到仅包含以“www”开头的相对 URL 的 URL

Question

有人可以帮我修复这个小代码，将协议“http://”或“https://”添加到仅包含以“www”开头的相对 url 的 URL

<script>
function formatUrl(url)
{
    var httpString = "http://";
    var httpsString = "https://";
    if (url.substr(0, httpString.length).toLowerCase() !== httpString && url.substr(0, httpsString.length).toLowerCase() !== httpsString)
                url = httpString + url;
    return url;
}
</script>



  <form id=url type=get action='answers.asp'  >
  <input type=text name=URL size=10 value="" ><br><br>
  <input type=submit name=url2  **onclick="formatUrl()"** value="Enter Url">
  </form>

输入值 = www.elmundo.es 或任何其他以 www 开头的相对 url

提前谢谢你

Answer 1

其实这是一个非常简单的任务：

function formatURL(url)
{
    if(url.substr(0,3) === "www")
    {
        return "https://"+url;
    }
    return url;
}

您可以添加一些额外的故障安全检查（如果 url 小于 3） - 但您通常可以检查 url 是否以 www 开头，如果是，您只需向其添加所需的协议（如果我理解您的正确提问）。

啊，我想我现在得到了你要的东西。

<script>
function formatURL()
{
    var url = document.getElementsByName("URL")[0];
    var formattedURL = document.getElementsByName("formattedURL")[0];
    url = url.value;
    if(url.substr(0,3) === "www")
    {
        formattedURL.value = "https://"+url;
        return;
    }
    formattedURL.value = url;
}
</script>

<form id=url type=get action='answers.asp'>
  <input type="text" name="URL" size=10 value=""  onchange="formatURL()"><br><br>
  <input type="hidden" name="formattedURL">
  <input type="submit" value="Enter Url">
  </form>

这会将 URL 设置为隐藏字段 formattedURL - 但是，这仅适用于您真的想完全在 Javascript 中执行此操作。我个人会在服务器端执行此操作。