Sometimes as a developer we need to know the address (URL) of the current page in order to generate some page links using javaScript, in oder to get the address of the current page we can make use of window.location object,
File : getAddress.html<html>
<head>
<title>Get current page address using JavaScript</title>
</head>
<body>
<div id="pageDetails"></div>
<input type="button" value="Click to get Address" onclick="getCurrentPageAddress()">
<script>
function getCurrentPageAddress() {
var currPageURL = window.location;
document.getElementById("pageDetails").innerHTML = "Current Page Address : " + currPageURL;
}
</script>
</body>
</html>
Get Page Address using JavaScript
We have a webpage with a button when clicked the address of the current page is displayed within the div element with id pageDetails.
Note: window.location object is also used to redirect a page to another.
More Posts related to JavaScript,
- Add Animated Scrolling to Html Page Title Script
- How to get query string in JavaScript HTML location.search
- How to get current URL Location using Javascript HTML
- How to detect Browser and Operating System Name and Version using JavaScript
- Submit html form on dropdown menu value selection or change using javascript
- How to Print from JavaScript HTML using window.print
- JavaScript : Get url protocol HTTP, HTTPS, FILE or FTP
- JavaScript : Get current page address
- How to send email from JavaScript HTML using mailto
- Send Extra Data with Ajax Get or Post Request
- Write javaScript code in Swedish using FikaScript
- Get Device Screen Width and Height using javaScript
- How to get UTC (GMT) using javascript
- Javascript convert text case from uppercase to lowercase
- Loading previous page using html button using JavaScript
- [javaScript] Convert text case to lowercase
- Detect if Cookies are enabled using JavaScript
More Posts:
- The package must have at least one . separator [Android Studio] - Android-Studio
- Make div element draggable using jQuery - jQuery
- How to make a Android button act as a toggle button - Android
- How to Kill service running on port using terminal command - HowTos
- Export aborted because fatal lint error were found - Android
- How to check if Java main thread is alive - Java
- Remove Applications from Startup Mac OS X - Mac-OS-X
- How to Stop Photos App from auto loading when device connected to the Mac - Mac-OS-X
- Custom Toast Android Programming - Android
- CSS: Apply opacity only for div background and not text - CSS
- Resolving DNS_PROBE_FINISHED_NXDOMAIN Google Chrome Error - Google
- How to make div or text in html unselectable using CSS - CSS
- DDMS files not found hprof-conv.exe - Android
- Android Studio : Change FAB icon color : FloatingActionButton - Android-Studio
- [Hibernate] The method buildSessionFactory() from the type Configuration is deprecated - Java