如何实现html静态页修改本地html、js文件

如何实现html静态页修改本地html、js文件,第1张

可以使用localStorage,这是HTML5的一个特性。相当于是前端页面的一个数据库。可以存储5M以内的数据。在不手动清除的情况下,将永久存储。

写入和读出的时候需要注意一下,写入需要将JSON对象转换成JSON字符串,读的时候需要将JSON字符串转换成JSON对象。比如我们要存储:水果的名称和价钱

var fruit = {

name: 'apple',

price: '20'

}

var f = JSON.stringify(fruit) //转化成JSON字符串

window.localStorage.setItem('fruit', f) //存储到本地

=====================================================

var aa = window.localStorage.getItem('fruit') //读存储的数据

var aaObj = JSON.parse(aa) //将JSON字符串转化成JSON对象方便读取

这个好像不能实现吗,js是客户端的,只能在客户端运行,你只能获取服务器端的a.html网页到客户端,利用js修改,然后才传回到服务器端,服务器端需要编写实现接受a.html文件,并进行修改。同步需要服务器端实现,客户端不能实现,客户端只是一个展示服务器端内容的窗口,对接受自服务器端的数据进行处理以更好的界面展示在客户端。

试试这个,有问题再问。

<head>

<script type="text/javascript">

function edit(param){

var tempid = param.id.substring(2,5)

var tdObj = document.getElementById(tempid)

tdObj.innerHTML += "成功"

return tdObj.innerHTML

}

</script>

</head>

<body>

<table>

<tr><td id="td1">测试1</td><td><input id="b1td1" type="button" value="b1" onclick="alert(edit(this))"></td></tr>

<tr><td id="td2">测试2</td><td><input id="b2td2" type="button" value="b2" onclick="alert(edit(this))"></td></tr>

<tr><td id="td3">测试3</td><td><input id="b3td3" type="button" value="b3" onclick="alert(edit(this))"></td></tr>

<tr><td id="td4">测试4</td><td><input id="b4td4" type="button" value="b4" onclick="alert(edit(this))"></td></tr>

</table>

</body>


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/6112007.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-15
下一篇 2023-03-15

发表评论

登录后才能评论

评论列表(0条)

保存