2009年2月6日

Storage:方法

物件 | 特徵 | 方法 | 事件
Storage 的方法
clear()

清除所有的資料。限 IE8 使用。

  • 程式用法:

    <script type='text/javascript'>
    sessionStorage.brain='益智遊戲';
    document.write(  sessionStorage.length 
          +' = '+ sessionStorage.brain +'<br />');
    sessionStorage.clear();
    </script>
    <p><a href='http://ant4js.blogspot.com/2009/02/storagepmrd.html'>進入測試頁</a>,看看讀的到嗎?

  • 執行結果:

    1 = 益智遊戲

    進入測試頁,看看讀的到嗎?

  • 上例,IE6, Firefox , Safari, Chrome 失敗。
getItem()

讀取資料。其語法是:

物件.getItem( key )

key 是字串。找不到 key 時,回傳 null。

  • 程式用法:

    <script type='text/javascript'>
    sessionStorage.fun='好玩遊戲';
    document.write(  sessionStorage.getItem('fun') );
    </script>

  • 執行結果:

    好玩遊戲

  • 上例,Firefox 成功;IE6, Safari, Chrome 失敗。
key()

讀取指標所在的鍵名。其語法是:

物件.key( 指標 )

指標是整數。

  • 程式用法:

    <script type='text/javascript'>
    for( var i=0; i < sessionStorage.length; i++)
      document.write(  sessionStorage.key( i ) +' / ');
    </script>

  • 執行結果:

    fun /

  • 上例,Firefox 成功;IE6, Safari, Chrome 失敗。
removeItem()

讀取資料。其語法是:

物件.removeItem( key )

key 是字串。

  • 程式用法:

    <script type='text/javascript'>
    sessionStorage.removeItem( 'fun' );
    document.write(  sessionStorage.getItem('fun') +'<br />');
    for( var i=0; i < sessionStorage.length; i++)
      document.write(  sessionStorage.key( i ) +' / ');
    </script>

  • 執行結果:

    null

  • 上例,Firefox 成功;IE6, Safari, Chrome 失敗。
setItem()

讀取資料。其語法是:

物件.setItem( key, value )

key 與 value 都是字串。

  • 程式用法:

    <script type='text/javascript'>
    sessionStorage.setItem( 'fight', '武打遊戲' );
    document.write(  sessionStorage.fight );
    </script>
    <p><a href='http://ant4js.blogspot.com/2009/02/storagepmrd.html'>進入測試頁</a>,看看讀的到嗎?

  • 執行結果:

    武打遊戲

    進入測試頁,看看讀的到嗎?

  • 上例,Firefox 成功;IE6, Safari, Chrome 失敗。

©2008-2009 by ant2legs, All Rights Reserved. ant2legs 擁有其製作的文章,圖片與程式的著作權,所有權利保留。