本文介绍了一种使用WebView加载本地HTML的方法，通过从服务端拉取HTML文件，并利用iOS平台的UIWebView组件进行加载展示。文章包含完整的HTML、CSS及JavaScript代码示例。
资源文件都是放在根目录下
1、index.html
<html>
<head>
<title>My test Page</title>
<link rel="stylesheet" href = "test.css" type="text/css"/>
<script type = "text/javascript" src = "22.js"></script>
</head>
<body>
<h1 id="food" onclick ="sayHello()">Click me!</h1>
<img src="114.png" width="128" height="128" />
</body>
</html>
2、22.js
function sayHello() {
if (document.getElementById('foo').innerHTML == 'Hi there'){
document.getElementById('foo').innerHTML = 'Click me!';
}else{
document.getElementById('foo').innerHTML = 'Hi there';
}
}
3、test.css
body{
color:red;
background-color:#fff;
font-size:12px;
font-style:italic;
font-weight:bold;
font-family:Arial;
}
4、oc 代码
webView = [[UIWebView alloc] initWithFrame:[[UIScreen mainScreen] bounds]];
[self.view addSubview:iWebView];
[webView setBackgroundColor:[UIColor whiteColor]];
NSString *path = [[NSBundle mainBundle] bundlePath];
NSURL *baseURL = [NSURL fileURLWithPath:path];
NSString *imageStr=[NSString stringWithContentsOfURL:[NSURL URLWithString:@"http://192.168.1.155/index.html"] encoding:NSUTF8StringEncoding error:nil];
[webView loadHTMLString:imageStr baseURL:baseURL];
5、原理就是先把服务端的html拉下来，然后通过webview加载本地html的方式加载,
扫一扫
615
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
