html5-本地存储LocalStorage和range、output的结合

船长op

<div id="cnblogs_post_body"><div class="cnblogs_code">$(function(){    var $range = $("input[type='range']");    //滑块        var $result = $("output[name='result']");//显示数字的output        var $button = $("input[type='button']");//清除按钮        $range.val(localStorage.rangeValue);    //页面载入时$range的值为localStorage.rangeValue存诸的值；        $result.val(localStorage.rangeValue);    //页面载入时$result的值为localStorage.rangeValue存诸的值；        //当$range滑动时,将值传给$result，显示出来    $range.change(function(){        $result.val($range.val());    })        //当$range停止滑动时，将值赋给本地存储localStorage.rangeValue    $range.mouseup(function(){        localStorage.rangeValue = $range.val();    })        //点击后，将本地存储localStorage.rangeValue的值设为0    $button.click(function(){        localStorage.setItem("rangeValue","0")    })})