خاصية location مع كائن window في لغة جافا سكريبتJavaScript Window Location Object

<!DOCTYPE html>
<html>
<body>
<h1>Getting the current URL in JavaScript</h1>
<p id="url">URL will display here<p>
<script>
let url = document.getElementById('url');
url.innerHTML = "Full URL is <br/>" + window.location.href;
</script>
</body>
</html>

let url = document.getElementById('url');
url.innerHTML = "Full URL is <br/>" + location.href;

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Window Location Hostname</h1>
<p id="host">URL will display here<p>
<script>
let host = document.getElementById('host');
host.innerHTML = "URL is <br/>" + window.location.hostname;
</script>
</body>
</html>

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Window Location Hostname</h1>
<p id="host">URL will display here<p>
<script>
let host = document.getElementById('host');
host.innerHTML = "URL is <br/>" + window.location.hostname;
</script>
</body>
</html>

https://www.closetag.com/?course=html&language=arabic

<!DOCTYPE html>
<html>
<body>
<h1>Getting search queries from URL in JavaScript</h1>
<p id="host">URL will display here<p>
<a id="query" href="https://www.closetag.com/?course=html&language=arabic">
https://www.closetag.com/?course=html&language=arabic</a>
<script>
let host = document.getElementById('host');
let query = document.getElementById('query');
host.innerHTML = "URL is <br/>" + query.search;
</script>
</body>
</html>

<script>
let host = document.getElementById('host');
let query = document.getElementById('query');
query.search = "?course=css&language=englsih";
host.innerHTML = "URL is <br/>" + query.search;
</script>

https://www.closetag.com/tutorial/javascript/javascript-window-location/getting-page-path-from-url-in-javascript

<!DOCTYPE html>
<html>
<body>
<h1>Getting page path from URL in JavaScript</h1>
<p id="path">URL will display here<p>
<script>
let path = document.getElementById('path');
path.innerHTML = "Page path is <br/>" + window.location.pathname;
</script>
</body>
</html>

<script>
let path = document.getElementById('path');
window.location.pathname = "/tutorials"
</script>

<!DOCTYPE html>
<html>
<body>
<h1>Getting the current URL in JavaScript</h1>
<p id="protocol">URL will display here<p>
<script>
let protocol = document.getElementById('protocol');
protocol.innerHTML = "The page protocol is: <b>" + window.location.protocol + "</b>";
</script>
</body>
</html>

if (window.location.protocol === "http:") {
  window.location.protocol = "https:";
}

<!DOCTYPE html>
<html>
<body>
<h1>Getting Page Port from URL in JavaScript</h1>
<p>Note: If the port number is default (80 for http and 443 for https), most browsers will display 0 or nothing.</p>
<p id="port">URL will display here<p>
<script>
let port = document.getElementById('port');
port.innerHTML = "The page port is: <b>" + window.location.port + "</b>";
</script>
</body>
</html>

<!DOCTYPE html>
<html>
<body>
<h1>loads a new document from the specified URL in JavaScript</h1>
<button id="load">Load</button>
<script>
let load = document.getElementById('load');
load.addEventListener('click',()=>{
  window.location.assign("/examples/navigation.html")
});
</script>
</body>
</html>

window.location.reload(); // Reload from cache
window.location.reload(true); // Reload from server

<!DOCTYPE html>
<html>
<body>
<h1>loads a new document from the specified URL in JavaScript</h1>
<button id="reload">Reload</button>
<script>
let reloady = document.getElementById('reload');
reload.addEventListener('click',()=>{
  window.location.reload()
});
</script>
</body>
</html>

<!DOCTYPE html>
<html>
<body>
<h1>loads a new document from the specified URL in JavaScript</h1>
<button id="reload">Reload</button>
<script>
let reloady = document.getElementById('reload');
reload.addEventListener('click',()=>{
  window.location.reload(true)
});
</script>
</body>
</html>