JavaScript DHTML/Javascript Objects/location
Содержание
Assign a URL to location
<source lang="html4strict">
<html> <body> <script language="JavaScript">
function function1() {
location.assign("http://www.wbex.ru/");
}
</script> <input type="button" value="Load new page" onclick="function1();"> </body> </html>
</source>
Display properties in location
<source lang="html4strict">
<html> <head>
<title>Location</title>
<script type = "text/javascript">
function myFunction() {
var body = document.getElementsByTagName("body")[0];
for (var prop in location) {
var elem = document.createElement("p");
var text = document.createTextNode(prop + ": " + location[prop]);
elem.appendChild(text);
body.appendChild(elem);
}
if (location.search) {
var querystring = location.search.substring(1);
var splits = querystring.split("&");
for (var i = 0; i < splits.length; i++) {
var splitpair = splits[i].split("=");
var elem = document.createElement("p");
var text = document.createTextNode(splitpair[0] + ": " + splitpair[1]);
elem.appendChild(text);
body.appendChild(elem);
}
}
}
</script>
</head> <body onload="myFunction()"> </body> </html>
</source>
If location is a search, display its value
<source lang="html4strict">
<html> <head>
<title>Location</title>
<script type = "text/javascript">
function showProps() {
var body = document.getElementsByTagName("body")[0];
if (location.search) {
var querystring = location.search;
var splits = querystring.split("&");
for (var i = 0; i < splits.length; i++) {
var splitpair = splits[i].split("=");
var elem = document.createElement("p");
var text = document.createTextNode(splitpair[0] + ": " + splitpair[1]);
elem.appendChild(text);
body.appendChild(elem);
}
}
}
</script>
</head> <body onload="showProps()"> </body> </html>
</source>
Invoking the location.replace() Method
<source lang="html4strict">
<html> <head> <title>location.replace() Method</title> <script type="text/javascript"> function doReplace() {
location.replace("http://www.wbex.ru"); } </script>
</head> <body> <form name="myForm"> <input type="button" value="Replace Me" onclick="doReplace()" /> </form> </body> </html>
</source>
Location reload
<source lang="html4strict">
<html> <body>
| Row 1 |
| Row 2 |
| Row 3 |
<button onclick="myTable.style.fontWeight = "bold";">Bold</button> <button onclick="location.reload();">Reload page</button> </body> </html>
</source>
location.reload(true) and history.go(0)
<source lang="html4strict">
<html> <head> <title>Reload Comparisons</title> <script type="text/javascript"> function hardReload() {
location.reload(true);
} function softReload() {
history.go(0);
} </script> </head> <body> <form name="myForm"> <input type="button" value="Soft Reload" onclick="softReload()" /> <input type="button" value="Hard Reload" onclick="hardReload()" /> </form> </body> </html>
</source>
Location replace
<source lang="html4strict">
<html> <body> <script language="JavaScript">
function function1() {
location.replace("http://www.wbex.ru");
}
</script> <input type="button" value="Replace" onClick="function1();"> </body> </html>
</source>
