JavaScript怎么保存html,使用Javascript在本地保存HTML

规范的答案,从

the W3C File API Standard:

User agents should provide an API exposed to script that exposes the features above. The user is notified by UI anytime interaction with the file system takes place, giving the user full ability to cancel or abort the transaction. The user is notified of any file selections, and can cancel these. No invocations to these APIs occur silently without user intervention.

基本上,由于安全设置,任何时候您下载文件,浏览器将确保用户实际上要保存文件.浏览器并没有真正区别您的计算机上的JavaScript和JavaScript与Web服务器.唯一的区别是浏览器如何访问文件,因此在本地存储页面将不会有所作为.

解决方法:

但是,您可以只存储< div>在一个cookie.当用户回来时,您可以从cookie加载它.虽然它不是完全将文件保存到用户的计算机,但它应该具有与覆盖文件相同的效果.当用户回来时,他们将看到他们上次进入的内容.缺点是,如果用户清除他们的网站数据,他们的信息将会丢失.由于忽略用户清除本地存储的请求也是一个安全问题,所以没有办法.

但是,您也可以执行以下操作:

>使用Java小程序

>使用其他类型的applet

>创建一个桌面(非基于Web)的应用程序

>只要记住在清除网站数据时保存文件.当您退出页面时,您可以创建弹出并提醒您的警报,甚至为您打开保存窗口.

使用Cookie:您可以在本地页面上使用JavaScript Cookie.只需将其放在一个文件中,并在浏览器中打开它:

var timesVisited = parseInt(document.cookie.split("=")[1]);

if (isNaN(timesVisited)) timesVisited = 0;

timesVisited++;

document.cookie = "timesVisited=" + timesVisited;

document.getElementById("timesVisited").innerHTML = "You ran this snippet " + timesVisited + " times.";

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
要实现录入信息在数组中、保存本地功能,可以使用HTML5中的localStorage来实现。 首先,在HTML页面中创建一个表单,让用户输入需要保存的信息: ``` <form> <label for="name">姓名:</label> <input type="text" id="name" name="name"><br><br> <label for="age">年龄:</label> <input type="number" id="age" name="age"><br><br> <label for="email">邮箱:</label> <input type="email" id="email" name="email"><br><br> <input type="button" value="保存" onclick="saveData()"> </form> ``` 在表单中,我们定义了三个输入框:姓名、年龄和邮箱。同时,我们也添加了一个保存按钮,当用户填写完信息后,可以点击保存按钮将信息保存到localStorage中。 接下来,在JavaScript中定义一个名为saveData的函数,用于将用户输入的信息保存到localStorage中: ``` function saveData() { // 获取用户输入的信息 var name = document.getElementById("name").value; var age = document.getElementById("age").value; var email = document.getElementById("email").value; // 将信息保存到localStorage中 var data = { name: name, age: age, email: email }; if (localStorage.getItem("userData") === null) { var userData = []; userData.push(data); localStorage.setItem("userData", JSON.stringify(userData)); } else { var userData = JSON.parse(localStorage.getItem("userData")); userData.push(data); localStorage.setItem("userData", JSON.stringify(userData)); } } ``` 在saveData函数中,我们首先获取用户输入的姓名、年龄和邮箱,然后将这些信息保存到一个对象中。接下来,我们判断localStorage中是否已经有保存用户信息的数组,如果没有,则创建一个新的数组,并将当前用户的信息加入其中;如果已经存在,则将当前用户的信息加入数组中并更新localStorage中保存的数据。 最后,我们使用JSON.stringify将保存用户信息的数组转换为字符串,然后使用localStorage.setItem将其保存到本地。 这样,当用户点击保存按钮时,就会将其输入的信息保存到localStorage中。 如果需要在页面中展示保存的信息,可以通过以下代码获取localStorage中保存的数据,并将其展示在页面中: ``` var userData = JSON.parse(localStorage.getItem("userData")); for (var i = 0; i < userData.length; i++) { document.write("姓名:" + userData[i].name + "<br>"); document.write("年龄:" + userData[i].age + "<br>"); document.write("邮箱:" + userData[i].email + "<br><br>"); } ``` 在上述代码中,我们首先使用JSON.parse将保存用户信息的数组转换为JavaScript对象,然后遍历这个对象,将每个用户的信息展示在页面上。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值