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

JavaScript017

如何实现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文件,并进行修改。同步需要服务器端实现,客户端不能实现,客户端只是一个展示服务器端内容的窗口,对接受自服务器端的数据进行处理以更好的界面展示在客户端。

加载html文件时,把此文件的<body>..</body>的全部源代码传到一个function中进行处理,或替换,或屏蔽,这个具体的处理视LZ的要求而定!大概如下:

1、某html文件:

$(function(){

var bodyString = replaceFunctioin($("body").html())

$("body").html(bodyString)

})

2、某replaceFunction方法:

function replaceFunction(str){

var result = str.replace("中文","Chinese")

result += result.replace("英文","English")

//...

return result

}

作用:把html中的“中文”和“英文”用英语替换!!!