Computer >> Máy Tính >  >> Lập trình >> Javascript

Làm thế nào để phân tích cú pháp một URL trong JavaScript?

Phân tích cú pháp URL

Rất đơn giản để phân tích cú pháp một URL trong javascript bằng cách sử dụng DOM thay vì Biểu thức chính quy . Nếu các biểu thức chính quy được sử dụng thì mã sẽ phức tạp hơn nhiều. Trong DOM phương thức chỉ một lệnh gọi hàm sẽ trả về URL được phân tích cú pháp .

Trong ví dụ sau, ban đầu một hàm được tạo và sau đó là thẻ liên kết "a" được tạo bên trong nó bằng cách sử dụng DOM phương pháp. Sau đó trên URL được cung cấp đã được chỉ định cho thẻ liên kết bằng cách sử dụng href . Bây giờ, khi hàm trả về các phần của URL, nó sẽ cố gắng trả về các phần được phân tích cú pháp như được hiển thị trong đầu ra. Kể từ url được phân tích cú pháp, JSON.stringify () được sử dụng để hiển thị đầu ra.

Ví dụ

<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>

Đầu ra
{"protocol":"https:","host":"www.youtube.com","hostname":"www.youtube.com","port":"","pathname":"/watch","search":"?v=tNJJSrfKYwQ","hash":""}