Property | Description | Example |
---|---|---|
location.href | Represents a string specifying the entire URL | https://www.freetimelearning.com/java/java-applications.php |
location.hostname | Represents the server name, subdomain, and domain name of a URL | freetimelearning.com |
location.pathname | Returns the path and filename of the current page | java-applications.php |
location.protocol | returns the web protocol used | http: or https: |
location.assign | Loads a new document in the browser | |
location.reload | Reloads the current document that is contained in the location.href property | |
location.replace | replaces the current document with the specified new one, you can not navigate back to the previous document using the browser's Back button |
<html>
<head>
<title>JavaScript Location Object</title>
<script type="text/javascript">
function gotoLoc()
{
window.location.href = window.document.loctn.Protocol.
options[window.document.loctn.Protocol.selectedIndex].
text + document.loctn.Hostname.value + document.loctn.
Pathname.value
}
</script>
</head>
<body>
<h3>Enter URL in following sections</h3>
<form name="loctn" method="post">
<pre>Protocol:
<select name="Protocol" size="1">
<option>http://</option>
<option>file://</option>
<option>javascript:</option>
<option>ftp://</option>
<option>mailto:</option>
</select>
</pre>
<pre>
Host Name:
<input type="text" size="20" maxlength="256" name="Hostname" value="freetimelearning.com">
</pre>
<pre>
Path Name:
<input type="text" size="20" maxlength="100" name="Pathname" value="/">
</pre>
<pre>
<input type="button" name="Go" value="Go" onClick="gotoLoc()">
</pre>
</form>
</body>
</html>