zoukankan      html  css  js  c++  java
  • 使用userdata保存客户端数据(从51js找到的)

    从51js找到一些好东西,作个备忘

    示例一:checkbox的使用

    <style>
          .userData 
    {behavior:url(#default#userdata);}
    </style>
    <input type=checkbox id=chkbox1 class=userData>
    <script>
    var obj=document.all.chkbox1;
    obj.attachEvent('onclick',saveChecked)
    function saveChecked(){
    obj.setAttribute(
    "bCheckedValue",obj.checked);
    obj.save(
    "oChkValue");
    }

    window.attachEvent('onload',loadChecked)
    function loadChecked(){
    obj.load(
    "oChkValue");
    var chk=(obj.getAttribute("bCheckedValue")=="true")?true:false;
    obj.checked
    =chk;
    }

    </script>

    示例二:文本框标记的应用

    <HTML>
    <HEAD>
    <STYLE>
       .userData 
    {behavior:url(#default#userdata);}
    </STYLE>
    <SCRIPT>
    function fnSaveInput(){
       
    var oPersist=oPersistForm.oPersistInput;
       oPersist.setAttribute(
    "sPersist",oPersist.value); //将oPersist.value存储为sPersist属性
       oPersist.save("oXMLBranch");  //存储在名为oXMLBranch的UserData存储区
    }

    function fnLoadInput(){
       
    var oPersist=oPersistForm.oPersistInput;
       oPersist.load(
    "oXMLBranch");  //载入在名为oXMLBranch的UserData存储区
       oPersist.value=oPersist.getAttribute("sPersist"); //将sPersist属性赋值给oPersist.value
    }

    </SCRIPT>
    </HEAD>
    <BODY>
    <FORM ID="oPersistForm">
    <INPUT CLASS="userData" TYPE="text" ID="oPersistInput">
    <INPUT TYPE="button" VALUE="Load" onclick="fnLoadInput()">
    <INPUT TYPE="button" VALUE="Save" onclick="fnSaveInput()">
    </FORM>
    </BODY>
    </HTML>



    示例三:Select标记的应用

    <style>
          .userData 
    {behavior:url(#default#userdata);}
    </style>
    <select id="select1"  class="userData">
    <option>option1</option>
    <option>option2</option>
    <option>option3</option>
    <option>option4</option>
    </select>
    <script>
    var obj=document.all.select1;
    obj.attachEvent('onchange',saveSelectedIndex)
    function saveSelectedIndex(){
    obj.setAttribute(
    "sSelectValue",obj.selectedIndex);
    obj.save(
    "oSltIndex");
    }

    window.attachEvent('onload',loadSelectedIndex)
    function loadSelectedIndex(){
    obj.load(
    "oSltIndex");
    obj.selectedIndex
    =obj.getAttribute("sSelectValue");
    }

    </script>
  • 相关阅读:
    使用jQuery和CSS自定义HTML5 Video 控件 简单适用
    在win7系统下使用Windows XP Mode 和 Windows Virtual PC搭建window xp系统
    Runtime 解读
    Reachability实时监控网络变化
    关于AsyncSocket
    关于CoreData的用法
    邓白氏编码申请
    Android 到底是个什么东西?
    听 Fabien Potencier 谈Symfony2 之 《What is Symfony2 ?》
    听 Fabien Potencier 谈Symfony2 之 《What is Dependency Injection ?》
  • 原文地址:https://www.cnblogs.com/yg_zhang/p/570428.html
Copyright © 2011-2022 走看看