HTML5中用LocalStorage保存电子书阅读器字体大小和行间距,需实时存入并加载时读取应用:用setItem("fontSize","16px")和setItem("lineHeight","1.6")存储,getItem()获取后设置到.reader-content样式,建议统一用JSON对象管理多配置项。

在HTML5中,用LocalStorage保存电子书阅读器的字体大小和行间距非常简单,关键是把用户设置实时存入、页面加载时自动读取并应用。
存储字体大小与行间距
当用户通过按钮或滑块调整字体大小(如14px、16px)或行高(如1.5、1.8),触发JavaScript将值写入LocalStorage:
- 使用localStorage.setItem()分别保存两个键,例如"fontSize"和"lineHeight"
- 推荐存为字符串(如"16px"、"1.6")或数字(需注意单位处理),避免类型混淆
- 示例代码:
localStorage.setItem("fontSize", "16px");
localStorage.setItem("lineHeight", "1.6");
页面加载时读取并应用样式
在<script></script>中(建议放在



















