JavaScript Location protocol Property

JavascriptWeb DevelopmentObject Oriented Programming

The JavaScript location protocol property returns the protocol used by the current URL.

Following is the code for Location protocol Property in JavaScript −

Example

 Live Demo

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<style>
   body {
      font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
   }
   .sample{
      font-size: 18px;
      font-weight: 500;
      color: red;
   }
</style>
</head>
<body>
<h1>Location protocol Property</h1>
<div class="sample"></div>
<div style="font-weight: bold; color: black;" class="result"></div>
<button class="Btn">CLICK HERE</button>
<h3>
Click on the above button to get the location protocol
</h3>
<script>
   let sampleEle = document.querySelector(".sample");
   document.querySelector(".Btn").addEventListener("click", () => {
      sampleEle.innerHTML = 'The protocol used by the website = ' + location.protocol;
   });
</script>
</body>
</html>

Output

On clicking the “CLICK HERE” button −

raja
Published on 11-May-2020 13:27:55

Advertisements