Location protocol Property in JavaScript.

The location protocol property in JavaScript is used for setting or returning the current url protocol including the url.

Following is the code for location protocol property in JavaScript −


 Live Demo

<!DOCTYPE html>
<html lang="en">
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
   body {
      font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
   .result {
      font-weight: 500;
      font-size: 18px;
      color: blueviolet;
<h1>Location protocol Property in JavaScript</h1>
<div class="result"></div>
<button class="Btn">CLICK HERE</button>
<h3>Click on the above button to get the location protocol of the current url</h3>
   let resEle = document.querySelector(".result");
   let BtnEle = document.querySelector(".Btn");
   BtnEle.addEventListener("click", () => {
      resEle.innerHTML = "Current url protocol = " + location.protocol;


On clicking the ‘CLICK HERE’ button −