자바 스크립트의 복구 URL

Question

내 웹 앱에는 사용자가 자신의 웹 사이트에 대한 링크를 입력 할 수있는 입력 필드가 있습니다. 때때로 그들은 유효한 URL이 아닌 Twitter.com/mhluska과 같은 것을 입력합니다. 자동으로 https://twitter.com/mhluska으로 복구하고 싶습니다.

그러나 URL은 모든 도메인 이름을 가리킬 수 있습니다.

나는 URL을 구문 분석 a 태그를 사용하여 시도했지만 그것은 단지 현재 원점에 경로로 지역을 추가 :

const elem = document.createElement('a'); 
a.href = 'Twitter.com/mhluska'; 
console.log(a.href); // "http://localhost:3000/some/path/Twitter.com/mhluska" 

좀 URL 파싱 라이브러리로 검토 한하지만 그들은 종종 단지 잘못된 URL에 대한 오류가 발생했습니다. 기본 URL API 포함.

사용자가 입력 할 수있는 가비지에서 유효한 링크를 만드는 간단한 방법이 있습니까?

Answer 1

URL 상대 표기법을 사용할 수 있습니다. URL의 호스트 이름은 대소 문자를 구분하지 않으며 최신 브라우저는 href 문자열에서 대소 문자를 변경합니다.

const elem = document.createElement('a'); 
 
elem.href = '//Twitter.com/mhluska'; 
 
console.log(elem.href);