html页面注入教程,iOS 通过js注入数据填充html页面

这是一个很趋向web开发的技术点，这里主要是自己对js有一定的了解。

首先编写了一个html模板，这里面是没有什么数据的。为了求快这一步我要前端的同事帮忙，帮我写了一个。

在就是自己搭建了webView,加载本地html.

重要的开始了，注入js代码。注入js入口是使用了stringByEvaluatingJavaScriptFromString:。

注入代码一般都是在：

- (void)webViewDidFinishLoad:(UIWebView *)webView

这里要注意到，为什么我们的js代码要到此方法中写入呢？这是因为加载html也是有生命周期的，如果我们提前加了会导致被后边的覆盖和可能就根本没有加载进来。下面就简单的介绍一下html的生命周期

html的生命周期分为5步：

1.uninitialized : 还没开始加载

2.loading : 加载中

3.loaded : 加载完成

4.interactive : 结束渲染，用户已经可以与网页进行交互。但内嵌资源还在加载中

5.complete : 完全加载完成

WebViewDidFinishLoad 被调用时，readyState 可能处在 interactive 和 complete 两种状态。当我们需要对网页中的元素进行修改时，最好在 complete 状态进行，不然我们的修改可能被重置。例如百度登录页[(http://wappass.baidu.com/passport)在iPad上打开时](http://wappass.baidu.com/passport%EF%BC%89%E5%9C%A8iPad%E4%B8%8A%E6%89%93%E5%BC%80%E6%97%B6%EF%BC%8CWebViewDidFi