【JS】localstorge

最新推荐文章于 2024-07-18 10:24:18 发布

欣欣子Asen

最新推荐文章于 2024-07-18 10:24:18 发布

阅读量127

点赞数

文章标签： javascript 开发语言 ecmascript Powered by 金山文档

本文链接：https://blog.csdn.net/m0_58152080/article/details/129387604

版权

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
          function setlh(el) {
                    if(el.value>50){
                        el.value = 50;
                    }
                    else if(el.value<=20){
                        el.value = 20;
                    }      
                var a = el.value;
                var abc = document.getElementsByClassName('question');
                Array.prototype.forEach.call(abc,function(ele){
                ele.style.lineHeight=a+'px';
                    } 
                 )
        }
        function getlh(){
          var a;
          a=document.getElementById("lh").value; 
          setlocalstorage(a);
       }   
        function  setlocalstorage(obj){
            var storage=window.localStorage;
            storage["leh"]=obj;
            var b=storage.getItem("leh");
            return b;

        }
        function checklocalstorge(){
            var storage=window.localStorage;
            document.getElementById("lh").value=storage.getItem("leh");
        }

    </script>


</head>
<body  onload="checklocalstorge()">
    <input type="number" 
                   placeholder="请输入行间距,默认为30"  
                   id="lh" 
                   onchange="setlh(this)" 
                   class="mytxt"
                   onclick="getlh()"/>      
</body>
</html>