javascript history methods usage

By -

The JavaScript History object - property of the window object - contains an array / list of previously visited URLs. In this article, we will look at the history object properties and methods, length, current, next, previous properties, back(), forward() and go() methods along with syntax and examples.

Mostly, JavaScript history object is used to simulate the browser's back button:

<a href="javascript:history.go(-1)">Go back</a>

window.history

window.history property has the return value as an array which contains items with details of the URL's visited within that browser window/tab. The JavaScript history object is a JavaScript object and not a DOM object. The JavaScript runtime engine automatically creates this object.

window.history Properties

history.length

The length property of the history object returns the number of elements in the history list.

General syntax of length property of history Object:

history.length;

An example to understand the length property of history object:

<script type="text/javascript">
    var numberofvisited = history.length;
    document.write("The number of pages visited
    in this window is" +numberofvisited+ " pages.");
</script>

history.current

This property contains the complete URL of the current History entry.

General syntax of current property of history Object:

history.current;

history.next

The next property of history object contains the complete URL of the next element in the History list. This functionality or the URL visited is the same as pressing the forward button or menu.

General syntax of next property of history Object:

history.next;

history.previous

The previous property of history object contains the complete URL of the previous element in the History list. This functionality or the URL visited is the same as pressing the back button or menu.

General syntax of previous property of history Object:

history.previous;

window.history Methods

history.back()

The back() method of the history object loads the previous URL in the History list. The functionality results are the same as pressing the previous button of the browser.

General syntax of back method of history Object:

history.back();

history.forward()

The forward() method of the history object loads the next URL in the History list. The functionality results are the same as pressing the forward button of the browser.

General syntax of forward method of history Object:

history.forward();

history.go()

If the programmer wishes to load a specified URL from the History list, then the go method of history object can be used.

General syntax of forward method of history Object:

history.go(number);

or

history.go(URL);

The back method seen above is the same as history.go(-1) in terms of go method of history object. The forward method seen above is the same as history.go(1).

 

Comments

Post a Comment

Popular posts from this blog

Rails Memcache issues

By -
Error :- down_retry_delay not reached for localhost:11211 (0.001 seconds left) down_retry_delay not reached for localhost:11211 (0.001 seconds left) down_retry_delay not reached for localhost:11211 (0.001 seconds left) down_retry_delay not reached for localhost:11211 (0.001 seconds left) [2012-03-20 15:08:28] ERROR NoMethodError: You have a nil object when you didn't expect it! You might have expected an instance of Array. The error occurred while evaluating nil.each     /usr/local/lib/ruby/gems/1.9.1/gems/rack-1.3.6/lib/rack/handler/webrick.rb:71:in `service'     /usr/local/lib/ruby/1.9.1/webrick/httpserver.rb:111:in `service'     /usr/local/lib/ruby/1.9.1/webrick/httpserver.rb:70:in `run'     /usr/local/lib/ruby/1.9.1/webrick/server.rb:183:in `block in start_thread' cache: [GET /assets/kanga_custom/search_merchant.js?body=1] miss, store Dalli::Server#connect localh
Read more

Enabling password authentication for new ec2 box | ssh, ssh config, EC2 setup, new user in EC2, PasswordAuthentication

By -
Your EC2 box only contain .pem auth to enable password authentication follow the steps By default your ec2 box come with .pem authentication, once you create your user and password for that user you can’t able to login with that credentials because EC2 by default disables that functionality. Edit ssh config file by below command $ sudo vim /etc/ssh/sshd_config  Search for  PasswordAuthentication  setting and setit to yes PasswordAuthentication yes Restart ssh server $sudo /etc/init.d/ssh reload
Read more

Ruby on Rails 3.x Skip callback and validation and reset Callback | Ruby on Rails, Skip callback, validation, reset Callback

By -
This will work for Rails 3.x onwords Model.skip_callback(“create”,:after,:trigger_my_method) in the above line ‘create’ and ‘after’ represents callback name so it represents ‘after_create’ callback, and the callback method is ‘trigger_my_method’, so totally the above line skips below callback after_create :trigger_my_method You can skip validations just by passing :validate =&gt; false as parameter to save method Model.save(:validate =&gt; false) As before skipping callback, you can reset same callback for reset by below ling Model.set_callback(“create”,:after,:trigger_my_method) This line will reset the below callback after_create :trigger_my_method Example:- Skip callback and validation and  rest the skiped callback Post.skip_callback(“create”,:after,:trigger_my_method) post=Post.new(params[:post]) post.save(:validate =&gt; false) Post.set_callback(“create”,:after,:trigger_my_method)
Read more