http://wbex.ru/index.php?action=history&feed=atom&title=JavaScript_Tutorial%2FLocation%2FLocation
JavaScript Tutorial/Location/Location - История изменений
2026-04-04T12:47:17Z
История изменений этой страницы в вики
MediaWiki 1.30.0
http://wbex.ru/index.php?title=JavaScript_Tutorial/Location/Location&diff=9217&oldid=prev
Admin: 1 версия
2010-05-26T08:24:54Z
<p>1 версия</p>
<table class="diff diff-contentalign-left" data-mw="interface">
<tr style="vertical-align: top;" lang="ru">
<td colspan="1" style="background-color: white; color:black; text-align: center;">← Предыдущая</td>
<td colspan="1" style="background-color: white; color:black; text-align: center;">Версия 08:24, 26 мая 2010</td>
</tr><tr><td colspan="2" style="text-align: center;" lang="ru"><div class="mw-diff-empty">(нет различий)</div>
</td></tr></table>
Admin
http://wbex.ru/index.php?title=JavaScript_Tutorial/Location/Location&diff=9216&oldid=prev
в 18:52, 25 мая 2010
2010-05-25T18:52:56Z
<p></p>
<p><b>Новая страница</b></p><div>== Change location.href==<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="javascript"><br />
<html><br />
<head><br />
<script language="JavaScript" type = "text/javascript"><br />
<!--<br />
if (top==self)<br />
{<br />
var main_frame = "http://www.wbex.ru";<br />
var cur_url = self.location.href;<br />
var setframes = main_frame + "?" + cur_url;<br />
location.href = setframes;<br />
}<br />
//--><br />
</script><br />
</head><br />
<body><br />
</body><br />
</html></source><br />
<br />
<br />
<br />
== Location==<br />
<br />
<p>The Location object represents the current Web address displayed in the browser.</p><br />
<p>Properties and Methods of the Location Object</p><br />
Property/Method<br />
Description<br />
hash<br />
Represents an anchor name in the URL that begins with the # character<br />
host<br />
Represents the hostname and port number of the URL<br />
hostname<br />
Represents the hostname part of the URL<br />
href<br />
Represents the complete URL<br />
pathname<br />
Represents the pathname part of the URL<br />
port<br />
Represents the port part of the URL<br />
protocol<br />
Represents the protocol part of the URL<br />
reload()<br />
Reloads the current URL<br />
replace()<br />
Loads a new Web page in the current browser<br />
search<br />
The search part of the URL, including the ?<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="javascript"><br />
<html><br />
<head><br />
<title> Creating a Location object</title><br />
</head><br />
<body><br />
<form name="form1"><br />
Click the button to get the current location value.<br />
<br><br><br><br />
<input type="button" name="getLoc" value="Get Location"<br />
onClick="alert("The current location is: " + document.location)"><br />
<br><br />
</form><br />
</body><br />
</html></source><br />
<br />
<br />
<br />
== Location.assign()==<br />
<br />
<p>Syntax</p><br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="javascript"><br />
location.assign(URL)</source><br />
<br />
<br />
<br />
== Location.hash==<br />
<br />
<p>The hash property refers to the anchor portion of the URL, including the hash symbol (#).</p><br />
<p>If the URL contains a pound sign (#), this returns the content after it (for example, http://www.wbex.ru/index#section1 has a hash equal to "#section1").</p><br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="javascript"><br />
<html><br />
<head><br />
<title> Using the hash property of the Location object</title><br />
</head><br />
<body><br />
<script language="JavaScript"><br />
<!--<br />
function show(){<br />
alert(document.location.hash);<br />
}<br />
--><br />
</script><br />
<form name="form1"><br />
Click the button to get the current location.hash<br />
value of the following address:<br />
<br><br />
http://www.wbex.ru<br />
<br><br><br />
<input type="button" name="getLoc" value="Get hash value" onClick="show()"><br />
<br><br />
</form><br />
</body><br />
</html></source><br />
<br />
<br />
<br />
== Location.host==<br />
<br />
<p>The host property represents the host portion of the URL.</p><br />
<p>This is composed of the hostname and the port number (if available).</p><br />
<p>for example, www.wbex.ru.</p><br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="javascript"><br />
<html><br />
<head><br />
<title> Using the hash property of the Location object</title><br />
</head><br />
<body><br />
<script language="JavaScript"><br />
<!--<br />
function show(){<br />
alert(document.location.host);<br />
}<br />
--><br />
</script><br />
<form name="form1"><br />
Click the button to get the current location.host value of the following address:<br />
<br><br />
http://www.wbex.ru<br />
<br><br><br />
<input type="button" name="getLoc" value="Get host" onClick="show()"><br />
<br><br />
</form><br />
</body><br />
</html></source><br />
<br />
<br />
<br />
== Location.hostname==<br />
<br />
<p>The hostname property represents the hostname portion of the URL.</p><br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="javascript"><br />
<html><br />
<head><br />
<title> Using the hostname property of the Location object</title><br />
</head><br />
<body><br />
<script language="JavaScript"><br />
<!--<br />
function show(){<br />
alert(document.location.hostname);<br />
}<br />
--><br />
</script><br />
<form name="form1"><br />
Click the button to get the current location.hostname<br />
<br><br />
http://www.wbex.ru<br />
<br><br />
<input type="button" name="gethost" value="Get hostname" onClick="show()"><br />
<br><br />
</form><br />
</body><br />
</html></source><br />
<br />
<br />
<br />
== Location.href==<br />
<br />
<p>The href property represents the entire URL string for the current page displayed in the browser.</p><br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="javascript"><br />
<html><br />
<head><br />
<title> Using the href property of the Location object</title><br />
</head><br />
<body><br />
<script language="JavaScript"><br />
<!--<br />
function show(){<br />
document.location.href ="http://www.wbex.ru";<br />
}<br />
--><br />
</script><br />
<form name="form1"><br />
Click the button to set the current location.href value of the following address:<br />
<br><br />
http://www.wbex.ru<br />
<br><br><br />
<input type="button" name="sethref" value="Set href" onClick="show()"><br />
<br><br />
</form><br />
</body><br />
</html></source><br />
<br />
<br />
<br />
== Location.pathname==<br />
<br />
<p>The pathname property represents the pathname portion of the URL.</p><br />
<p>For example, the pathname for http://www.wbex.ru/pictures/index.htm is "/pictures/index.htm".</p><br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="javascript"><br />
<html><br />
<head><br />
<title> Using the pathname property of the Location object</title><br />
</head><br />
<body><br />
<script language="JavaScript"><br />
<!--<br />
function show(){<br />
alert(document.location.pathname);<br />
}<br />
--><br />
</script><br />
<form name="form1"><br />
Click the button to get the current location.pathname value of the following address:<br />
<br><br />
http://www.wbex.ru<br />
<br><br />
<input type="button" name="getLoc" value="Get pathname" onClick="show()"><br />
<br><br />
</form><br />
</body><br />
</html></source><br />
<br />
<br />
<br />
== Location.port==<br />
<br />
<p>The port property represents the port portion of the URL. This normally follows the hostname, but is not always available.</p><br />
<p>http://www.wbex.ru:8080/index.htm, the port is equal to 8080.</p><br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="javascript"><br />
<html><br />
<head><br />
<title> Using the port property of the Location object</title><br />
</head><br />
<body><br />
<script language="JavaScript"><br />
<!--<br />
function show(){<br />
alert(document.location.port);<br />
}<br />
--><br />
</script><br />
<form name="form1"><br />
Click the button to get the current location.port value of the following address:<br />
<br><br />
http://www.wbex.ru<br />
<br><br />
<input type="button" name="getport" value="Get port" onClick="show()"><br />
<br><br />
</form><br />
</body><br />
</html></source><br />
<br />
<br />
<br />
== Location.protocol==<br />
<br />
<p>The protocol property represents the protocol portion of the URL.</p><br />
<p>This is located in the beginning of the URL address (the text before ://).</p><br />
<p>For example, the protocol for http://www.wbex.ru is http: and the protocol for ftp://www.yourserver.ru is ftp:.</p><br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="javascript"><br />
<html><br />
<head><br />
<title> Using the protocol property of the Location object</title><br />
</head><br />
<body><br />
<script language="JavaScript"><br />
<!--<br />
function show(){<br />
alert(document.location.protocol);<br />
}<br />
--><br />
</script><br />
<form name="form1"><br />
Click the button to get the current location.protocol value of the following address:<br />
<br><br />
http://www.wbex.ru<br />
<br><br><br />
<input type="button" name="getproto" value="Get protocol" ?onClick="show()"><br />
<br><br />
</form><br />
</body><br />
</html></source><br />
<br />
<br />
<br />
== Location.reload(false) to reload from the cache==<br />
<br />
<p>The reload() method reloads the current page displayed in the browser.</p><br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="javascript"><br />
<html><br />
<head><br />
<title> Using the reload method of the Location object</title><br />
</head><br />
<body><br />
<form name="form1"><br />
Click the button to reload the current page.<br />
<br><br><br />
Location.hash value: <input type="text" name="text1" size=20><br />
<br><br />
<input type="button" name="load" value="Reload page" onClick="document.location.reload(false)"><br />
<br><br />
</form><br />
</body><br />
</html></source><br />
<br />
<br />
<br />
== Location.reload() to reload from cache==<br />
<br />
<p>The reload() method reloads the current page displayed in the browser.</p><br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="javascript"><br />
<html><br />
<head><br />
<title> Using the reload method of the Location object</title><br />
</head><br />
<body><br />
<form name="form1"><br />
Click the button to reload the current page.<br />
<br><br><br />
Location.hash value: <input type="text" name="text1" size=20><br />
<br><br />
<input type="button" name="load" value="Reload page" onClick="document.location.reload()"><br />
<br><br />
</form><br />
</body><br />
</html></source><br />
<br />
<br />
<br />
== Location.reload(true) to reload from the server==<br />
<br />
<p>The reload() method reloads the current page displayed in the browser.</p><br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="javascript"><br />
<html><br />
<head><br />
<title> Using the reload method of the Location object</title><br />
</head><br />
<body><br />
<form name="form1"><br />
Click the button to reload the current page.<br />
<br><br><br />
Location.hash value: <input type="text" name="text1" size=20><br />
<br><br />
<input type="button" name="load" value="Reload page" onClick="document.location.reload(true)"><br />
<br><br />
</form><br />
</body><br />
</html></source><br />
<br />
<br />
<br />
== Location.replace()==<br />
<br />
<p>Syntax</p><br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="javascript"><br />
location.replace(URL)</source><br />
<br />
<br />
<br />
== Location replace in action==<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="javascript"><br />
<html><br />
<head><br />
<title>You won"t be able to get back here</title><br />
</head><br />
<body><br />
<P>You won"t be coming back here.</p><br />
<script type="text/javascript"><br />
setTimeout(function () {<br />
location.replace("http://www.wbex.ru/");<br />
}, 1000);<br />
</script><br />
</body><br />
</html></source><br />
<br />
<br />
<br />
== Location.search==<br />
<br />
<p>The search property represents the query portion of the URL, including the preceding question mark.</p><br />
<p>For example, the search for http://www.wbex.ru/search.htm?term=javascript is ?term=javascript.</p><br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="javascript"><br />
<html><br />
<head><br />
<title> Using the search property of the Location object</title><br />
</head><br />
<body><br />
<script language="JavaScript"><br />
<!--<br />
function show(){<br />
alert(document.location.search);<br />
}<br />
--><br />
</script><br />
<form name="form1"><br />
Click the button to get the current location.search<br />
value of the following address:<br />
<br><br />
http://www.wbex.ru<br />
<br><br><br />
<input type="button" name="getsearch" value="Get search" onClick="show()"><br />
<br><br />
</form><br />
</body><br />
</html></source></div>