Skip to main content

HTML5 localStorage

Persistent Client-Side Key-Value Pairs

The localStorage object has four primary method:
  • localStorage.clear()

  • localStorage.getItem( key )

  • localStorage.removeItem( key )

  • localStorage.setItem( key, value )

When dealing with the localStorage object, it is important to remember that, like cookies, you are dealing with string values. Both the key and the value arguments must be strings. And, while the browser might not throw an error if you pass-in non-string values, you'll quickly find that it is simply calling the toString() method implicitly.

Run the following sample code and check the console:
<html>
<head>
<script type="text/javascript">
console.log("tim in localStorage —",("tim" in localStorage));
console.log("localStorage.getItem( tim ) —",localStorage.getItem( "tim" ));
localStorage.setItem( "tim", "nice" );
localStorage[ "bad" ] = "awesome";
console.log("tim in localStorage —",("tim" in localStorage));
console.log("localStorage.getItem( ‘bad’ ) —",localStorage.getItem( "bad" ));
var myObject = {};
localStorage.setItem( "myObject", myObject );
console.log("typeof( myObject ) —",typeof( localStorage.getItem( "myObject" )));
localStorage.removeItem( "tim" );
delete localStorage[ "bad" ];
console.log("tim in localStorage —",("tim" in localStorage));
console.log("bad in localStorage —",("bad" in localStorage));
var clientId;
var id = localStorage.getItem(clientId);
if (!id) {
id = Math.floor(Math.random()*10000);
localStorage[clientId] = id;
}
var x = "new";
localStorage[x] = "killer";
console.log(localStorage.getItem(x));
</script>
</head>
<body></body>
</html>

Comments

Popular posts from this blog

Ubuntu: Access a usb flash drive from the terminal

    1. Find what the drive is called You'll need to know what the drive is called to mount it. To do that fire off: sudo fdisk -l You're looking for a partition that should look something like:   /dev/sdb1 . Remember what it's called. 2. Create a mount point Create a new directory in   /media   so you can mount the drive onto the filesystem: sudo mkdir /media/usb 3. Mount! sudo mount /dev/sdb1 /media/usb When you're done, just fire off: sudo umount /media/usb Source: StackOverflow

Karabiner: Mouse/keyboard customizer for OS X

For beginners, or the one who migrated from Windows environment, Natural Gestures (Scrolling and Swiping) might be bit confusing. But, once you get familiarized with them, it may feel like "What was I doing, all those days?". It all changed, when I connected external mouse to my Macbook. When you start using that WHEEL, you will be confused. Luckily there is a setting for mouse, to change scroll behavior (natural or the other way). But, here's the catch. If you toggle that setting, it also toggles the same for TRACKPAD!!!!! I've seen that many people were freaked out and even raised BUG report to Apple. But, all those reports were closed, saying that is not a bug, but intentional feature!!! For those, who can't leave with such one-sided settings, here is a simple util, which came to my rescue: Karabiner It's simple, powerful and stable mouse/keyboard customizer for OSX. Without going into much detail, here's the configuration I used to ret

Java: Use BigInteger in for-loop

In my previous post , I mentioned a way to handle large integers by using BigInteger. Now I'm going to provide a very important usage of it. We often use for-loop. So here is the way to use it: Ordinary integers: for(int i = 1; i <= n; i++) {  //Task to do } BigInteger: for (BigInteger bi = BigInteger.valueOf(1);                 bi.compareTo(n) <= 0;                 bi = bi.add(BigInteger.ONE)) { //Task to do } here n is a BigInteger variable.