代码
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#b01").click(function(){
htmlobj=$.ajax({url:"/jquery/test1.txt",async:false})
$("#myDiv").html(htmlobj.responseText)
})
})
</script>
</head>
<body>
<div id="myDiv"><h2>通过 AJAX 改变文本</h2></div>
<button id="b01" type="button">改变内容</button>
</body>
</html>
javascript语言本身并不提供系统文件功能。但javascript的运行环境可能提供文件操作能力。比如说nodejs，javascript当运行在nodejs环境中时，就可以透过node api去主动进行文件读写等操作。但当javascript运行在browser（浏览器）环境中时，就无法主动进行文件读写操作。只能等用户操作文件选择控件之后，被动获取文件的二进制对象。
思路：对html进行操作，然后webView loadHtml
将需要的js、css资源导入创建好的bundle下，如上图
WKWebView *webView = [[WKWebView alloc]initWithFrame:frame]]
这个filePaths 就是需要加载的 js、css文件在本地的路径，是个数组，因为可能需要加载本地的多个js、css文件, 如果需要加载的js、css文件较多，可以让后台传给你对应js、css文件的路径，注意传的路径要跟导入本地的资源路径一致，否则会加载失败。
//路径path
NSArray *pathArray = dict[@"filePath"]
if (pathArray) {
NSError *error
//获取网络的HTML
NSString * online_HTML = [NSString stringWithContentsOfURL:[NSURL URLWithString:url] encoding:NSUTF8StringEncoding error:&error]
if(!error) {
//以分割
NSArray * array_HTML = [online_HTML componentsSeparatedByString:@"</head>"]
NSMutableString *header_HTML = [[NSMutableString alloc]initWithString:array_HTML.firstObject]
for (NSString *path in pathArray) {
//注意这里的hightcharts.bundle，更改成你本地的bundle名
NSString *filePath = [[NSBundle mainBundle] pathForResource:[NSString stringWithFormat:@"hightcharts.bundle/%@",path] ofType:nil]
if ([filePath hasSuffix:@"js"]) {
[header_HTML appendFormat:@"<script src=\"%@\"><\script>",filePath]
}else if ([filePath hasSuffix:@"css"]){
[header_HTML appendFormat:@"<link rel=\"stylesheet\"
[_webView loadHTMLString:header_HTML baseURL:[[NSBundle mainBundle] bundleURL]]
}
}
