- Trending Categories
Data Structure
Networking
RDBMS
Operating System
Java
iOS
HTML
CSS
Android
Python
C Programming
C++
C#
MongoDB
MySQL
Javascript
PHP
- Selected Reading
- UPSC IAS Exams Notes
- Developer's Best Practices
- Questions and Answers
- Effective Resume Writing
- HR Interview Questions
- Computer Glossary
- Who is Who
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 −
Example
<!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;
}
.result {
font-weight: 500;
font-size: 18px;
color: blueviolet;
}
</style>
</head>
<body>
<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>
<script>
let resEle = document.querySelector(".result");
let BtnEle = document.querySelector(".Btn");
BtnEle.addEventListener("click", () => {
resEle.innerHTML = "Current url protocol = " + location.protocol;
});
</script>
</body>
</html>Output
On clicking the ‘CLICK HERE’ button −
Published on 16-Jul-2020 13:25:29
- Related Questions & Answers
- JavaScript Location protocol Property
- HTML DOM Location protocol Property
- HTML DOM Anchor protocol Property
- HTML DOM KeyboardEvent location Property
- HTML DOM Location hash Property
- HTML DOM Location host Property
- HTML DOM Location hostname Property
- HTML DOM Location href Property
- HTML DOM Location origin Property
- HTML DOM Location pathname Property
- HTML DOM Location port Property
- HTML DOM Location search Property
- Protocol and Protocol Hierarchies
- ArrayBuffer.byteLength Property in JavaScript
- DataView.byteLength property in JavaScript
Advertisements