Question

我的网站有标签，在该标签内，信息卡和右侧的复选框以不同的颜色突出显示卡片。即使刷新页面或将页面作为链接发送，我怎么能这样才能保存突出显示？这里的完整代码：http://codepen.io/johnsonshara/pen/obGjGN（以下代码不在代码笔版本中）

我尝试过：

function save () {
    var fieldValue = document.getElementById('like').value;
    localStorage.setItem('checkbox', 'fieldValue');
}

function load () {
    var storedValue = localStorage.getItem('checkbox');
    if(storedValue){
        document.getElementById('like').value = storedValue;
    }   
}

而且这个：

function save() {
if(typeof(Storage) !== "undefined") {
if (localStorage.setItem) {
localStorage.setItem = document.getElementById("like");
} else {
localStorage.getItem = .hasClass.apply;
}
document.getElementById("like").innerHTML = localStorage.toString;
} else {
document.getElementById("like").innerHTML = "Sorry, an error occured.";
}
}

html

<input type="checkbox" class="faChkRnd" onclick="save()" id="like" >

Answer 1

查看以下链接，了解如何使用本地存储：

http://www.w3schools.com/html/html5_webstorage.asp

如何运作的快速示例代码：

// Put the object into storage
localStorage.setItem('testObject', "testing");

// Retrieve the object from storage
var retrievedObject = localStorage.getItem('testObject');

使用上面示例代码的示例：

alert(load());

$(document).on("click", "#clickME", function(){
  save();
});

function save () 
{
    var fieldValue = "testString";
    localStorage.setItem('checkbox', fieldValue);
}

function load () 
{
    var storedValue = localStorage.getItem('checkbox');
    if(storedValue)
    {
        console.log("VALUE :" + localStorage.getItem('checkbox'));
    }   
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<button id="clickME">Click me</button>

Answer 2

或页面是否作为链接发送

您应该将数据存储为不在本地存储中的url参数。因此，点击该链接的任何人都将获得数据。

请参阅此链接以了解有关在JS中使用url参数的更多信息： How to get the value from the GET parameters?

如何创建本地存储？

2 个答案: