Computer >> 컴퓨터 >  >> 프로그램 작성 >> JavaScript

JavaScript에서 URL을 구문 분석하는 방법은 무엇입니까?

<시간/>

URL 구문 분석

자바스크립트 에서 URL을 구문 분석하는 것은 매우 간단합니다. DOM 을 사용하여 정규 표현식이 아닌 메소드 . 정규식을 사용하면 코드가 훨씬 더 복잡해집니다. DOM 에서 메소드 호출은 파싱된 URL을 반환합니다. .

다음 예에서는 처음에 함수가 생성된 다음 앵커 태그 "a"가 생성됩니다. DOM 을 사용하여 내부에 생성됩니다. 방법. 나중에 제공된 URL href를 사용하여 앵커 태그에 할당되었습니다. . 이제 함수가 URL의 일부를 반환할 때 구문 분석된 부분 반환을 시도합니다. 출력에 표시된 대로. URL 이후 파싱됨, JSON.stringify() 방법은 출력을 표시하기 위해 사용됩니다.

예시

<html>
<body>
<script>
   function URL(url) {
      var urlParser = document.createElement('a');
      urlParser.href = url;
      return {
         protocol: urlParser.protocol,
         host: urlParser.host,
         hostname: urlParser.hostname,
         port: urlParser.port,
         pathname: urlParser.pathname,
         search: urlParser.search,
         hash: urlParser.hash
      };
   }
   document.write(JSON.stringify(URL("https://www.youtube.com/watch?v=tNJJSrfKYwQ")));
</script>
</body>
</html>

출력
{"protocol":"https:","host":"www.youtube.com","hostname":"www.youtube.com","port":"","pathname":"/watch","search":"?v=tNJJSrfKYwQ","hash":""}