Question

我有一个带有'card'类的div，它也是带有jQuery的draggable（）。我正在使用localstorage来存储一个包含该卡信息的数组。

var cardID = 1;
var cardValues = new Array();
var name = "Shifting Sliver";
var cost = "3U";
var text = "Sliver cannot be blocked except by slivers.";
var power = "2";
var toughness = "2";

cardValues.push(name);
cardValues.push(cost);
cardValues.push(text);
cardValues.push(power);
cardValues.push(toughness);

localStorage.setItem(cardID, cardValues.join(";"));


var cardKey = localStorage.key(0);
var getCardValues = localStorage.getItem(cardKey);
values = getCardValues.split(";");
var name = values[0];
var cost = values[1];
var text = values[2];
var power = values[3];
var toughness = values[4];

function writeCard()
{
    document.write('Card Name: ' + name + '<br />');
    document.write('Card Cost: ' + cost + '<br />');
    document.write('Card Text: ' + text + '<br />');
    document.write('Card Power: ' + power + '<br />');
    document.write('Card Toughness: ' + toughness);
}

在html中：

<div class="card">
    <div class="info"><script type='text/javascript'> writeCard(); </script></div>
</div>

拖动卡后，释放鼠标时，document.write会导致整个页面刷新，只显示document.write中的数据。如何在不使用document.write？

的情况下将数据插入卡中

我认为我需要使用DOM操作，但我有点坚持如何。

Answer 1

文档完成后，您无法使用document.write来加载使用innerHTML ypu也可以使用jQuery .append

使用HTML5 localstorage更新一些没有document.write的文本

1 个答案: