在IOS开发中,可以通过webView来加载HTML文件
步骤如下:
1.需要有一个webView,可以通过storyboard拖拽一个 或者 alloc 一个(我在这里是拖拽了一个),是否要给webView设置delegate ,根据自己的需要决定(如果只是展示页面可以忽略)。

2.创建HTML文件、CSS文件、js文件,同样的创建方式,只是后缀名不同。
New File -> Other ->Empty
创建HTML文件后缀名为:html,创建css文件后缀名为css,创建js文件后缀名为:js

这是创建完成后的样子

3.在HTML文件,css文件,js文件中写入我们的代码。
在HTML文件中写入一些元素
<!DOCTYPE html>
<html>
<head lang="zh">
<meta charset="UTF-8">
<title>第一个HTML</title>
<link rel="stylesheet" type="text/css" href="index1.css" rel="external nofollow" >
<script type="text/javascript" src="index1.js"></script>
</head>
<body>
<h1>我是HTML</h1>
<p id = "p">p标签</p>
<img id = "img" src = "image.png" <a id = "a" href="[http://www.easck.com/p>
在viewController的viewDidLoad方法中写入一下代码
NSString *path = [[NSBundle mainBundle] bundlePath];
NSURL *baseURL = [NSURL fileURLWithPath:path];
NSString * htmlPath = [[NSBundle mainBundle] pathForResource:@"index1"
ofType:@"html"];
NSString * htmlCont = [NSString stringWithContentsOfFile:htmlPath
encoding:NSUTF8StringEncoding
error:nil];
[self.webView loadHTMLString:htmlCont baseURL:baseURL];
写完后command+R运行就能看见效果了!(我这里是有navgationcontroller的,如果你们没加的话就没有导航栏)

这样html文件加载出来了,页面元素的样式也是通过css文件定义过的,接着我们点击页面中的点击我弹出hello按钮,就可以弹出一个hello的弹出框,如图:










