Hi zusammen,
ich versuche eine HTML Seite die eine Tabelle mit Werten erstellt, die sich im Localstorage befinden, mit Hilfe eines Links zu speichern. Funktioniert mit folgendem Code eigentlich auch wunderbar.
<body>
<div id="test"></test>
<script>
var retrievedObject = window.localStorage.getItem('info');
var retrieved = JSON.parse(retrievedObject);
var tabelle = '<tr><td>Das Testwort lautet:</td><td>'+retrieved[0][0]+'</td></tr>';
tabelle += '<tr><td>Das zweite Testwort lautet:</td><td>'+retrieved[0][1]+'</td></tr>';
document.getElementById("test").innerHTML = '<table>'+tabelle+'</table>';
</script>
<a href="" download="test.html">Download</a>
</body>
Alles anzeigen
Das Problem ist nun, ich hätte gerne, dass das abgespeicherte Dokument kein Script mehr enthält. Wenn ich das mit Speichern unter... abspeichere sind die Daten feste Werte und das Script verschwunden, wenn ich es mit dem Link speichere bleibt der Quellcode auch in der gespeicherten Version so wie oben. Das Problem ist dann, dass sich die Werte verändern, sobald die Werte im Localstorage überschrieben werden und das soll nicht sein. Gibt es eine Möglichkeit mit dem Link zu speichern, sodass auch dann der Script teil verschwunden ist?
<body>
<div id="test"><table><tbody><tr><td>Das Testwort lautet:</td><td>Test1Test1</td></tr><tr><td>Das zweite Testwort lautet:</td><td>HALOOOO</td></tr></tbody></table>
<a href="test.html" download="specification.html">Download</a>
</div></body>
So sieht der manuell gespeicherte Quellcode aus, den hätte ich auch gerne wenn man über den Link speichert.