In my last article I discussed the Dom Location Object Properties. Here, we will go over the Methods of those same objects, and if there is time, I will even cover the History Objects, which give you control over the user’s history list, allowing you to give them access to past URLs and advanced navigation.
Methods of the DOM Location Object - Replace() (Page 4 of 4 )
The replace() method is used to replace the current document or page with a new one. I was hoping I could get this code to loop through fifty web pages (without using a loop) but it did not work in that manner. If you use document.write and use replace, it automatically loads a new page; if you put say…ten of those pointing to different URLs, it doesn't display one after another (or if it does, you don’t see that). Instead, it takes a really long time to load the last page.
Here is how you use it in a document.write, instantly loading the page without giving the user a choice (which, by the way, I don’t really recommend):
<input type="button" value="Use the replace() Method" onclick="replacer()" />
</body>
</html>
Again, when the user clicks the button, it triggers the replacer() function, which initiates the replace() method, loading the new page. Here is the result:
Conclusion
As you can see, we’ve run out of time, so while we have finished our conversation regarding the Dom Location Objects and Methods, we will have to save the History Objects for a later time. Before we go, however, I would like to leave you with one last review of the tables summarizing the purposes of the Object method and properties we have covered in these two articles. Feel free to print it out and use it as a reference:
Name
What It Does
Type
hash
Used to Set or retrieve the URL starting from the hash (#) symbol
Property
host
Used when you want to set or retrieve the port number and hostname of the URL
Property
hostname
Used to set or retrieve the hostname of the present URL
Property
href
Used to retrieve or set the entire URL
Property
pathname
Used to retrieve or set the pathname of the present URL
Property
port
Used to retrieve or set the port number of the present URL
Property
protocol
Used to retrieve or set the protocol of the present URL
Property
search
Used to retrieve or set the URL from the question (?) mark
Property
assign()
Used when you wish to load a new document/page
Method
reload()
Used when you want to reload the current page/document
Method
replace()
Used when you wish to replace the current page/document with a new one
Method
Till then…
DISCLAIMER: The content provided in this article is not warranted or guaranteed by Developer Shed, Inc. The content provided is intended for entertainment and/or educational purposes in order to introduce to the reader key ideas, concepts, and/or product reviews. As such it is incumbent upon the reader to employ real-world tactics for security and implementation of best practices. We are not liable for any negative consequences that may result from implementing any information covered in our articles or tutorials. If this is a hardware review, it is not recommended to open and/or modify your hardware.