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>
  • 相关阅读:
    写在vue总结之前(一)
    前端应该掌握的web基础和网络知识
    sass之为什么要使用预处理器
    ThinkPHP简单的验证码实现
    ajax接收php返回得到一堆html代码
    Bootstrap 4,“未捕获错误:Bootstrap工具提示需要Tether(http://github.hubspot.com/tether/)”
    百度AI开放平台- API实战调用
    最短路径算法—Dijkstra(迪杰斯特拉)算法分析与实现(C/C++)
    C#避免踩坑之如何添加paint事件
    php插入mysql中文数据出现乱码
  • 原文地址:https://www.cnblogs.com/yg_zhang/p/570428.html
Copyright © 2011-2022 走看看