iOS经验3: WebView的应用

镔哥认为UIWebView 控件在很多项目都要用到，毕竟我们要跟服务器打交道，很多都要请求网络，但是有些已经做好的网页，或者功能我们无法直接做，所以

IOS系统提供了 UIWebView 控件，从而可以方便地集成与网页相关的多种应用，该控件内置浏览器控件，可以用来浏览网页、打开文档等等。

一、UIWebView 可以加载和显示某个URL的网页，也可以显示基于HTML的本地网页或部分网页：

A. 加载 URL

1. WebView = [[UIWebView alloc] initWithFrame:CGRectMake(0, 44, 320, 400)];
2. NSString *path = @"http://www.baidu.com";
3. NSURL *url = [NSURL URLWithString:path];
4. [WebView loadRequest:[NSURLRequest requestWithURL:url]];

b. 加载 HTML

NSBundle *bundle = [NSBundle mainBundle];

NSString *resPath = [bundle resourcePath];

NSString *filePath = [resPath stringByAppendingPathComponent:@"Home.html"];

[webView loadHTMLString:[NSString stringWithContentsOfFile:filePath]

baseURL:[NSURL fileURLWithPath:[bundle bundlePath]]];

二、使用网页加载指示，加载完成后再显示网页出来

首先要指定委托方法：

webView.delegate =self;
／／记住哦，不然无法实现

 UIWebView主要有下面几个委托方法：

      1、- (void)webViewDidStartLoad:(UIWebView *)webView;／／开始加载的时候执行该方法。

3、- (void)webView:(UIWebView *)webView didFailLoadWithError:(NSError *)error;／／加载出错的时候执行该方法。

     这样，可以利用 webViewDidStartLoad 和 webViewDidFinishLoad 方法实现本功能：

1. - (void) webViewDidStartLoad:(UIWebView *)webView
2. {
3. //创建UIActivityIndicatorView背底半透明View
4. UIView *view = [[UIView alloc] initWithFrame:CGRectMake(0, 0, 320, 480)];
5. [view setTag:108];
6. [view setBackgroundColor:[UIColor blackColor]];
7. [view setAlpha:0.5];
8. [self.view addSubview:view];
9. activityIndicator = [[UIActivityIndicatorView alloc] initWithFrame:CGRectMake(0.0f, 0.0f, 32.0f, 32.0f)];
10. [activityIndicator setCenter:view.center];
11. [activityIndicator setActivityIndicatorViewStyle:UIActivityIndicatorViewStyleWhite];
12. [view addSubview:activityIndicator];
13. [activityIndicator startAnimating];
14. }
15. - (void) webViewDidFinishLoad:(UIWebView *)webView
16. {
17. [activityIndicator stopAnimating];
18. UIView *view = (UIView*)[self.view viewWithTag:108];
19. [view removeFromSuperview];
20. NSLog(@"webViewDidFinishLoad");
21. }

三、UIWebView还可以通过 stringByEvaluatingJavaScriptFromString 函数来执行 javascript代码，从而可以更加灵活地处理网页文件

  1. 获得UIWebView的标题

NSString *theTitle=[webView stringByEvaluatingJavaScriptFromString:@"document.title"];

 2. 获取页面的URL

NSString *currentURL = [webView stringByEvaluatingJavaScriptFromString:@"document.location.href"];

 3. 修改页面元素的值

NSString *js_result = [webView stringByEvaluatingJavaScriptFromString:@"document.getElementsByName(‘q‘)[0].value=‘朱祁林‘;"];

 4. 表单提交

NSString *js_result2 = [webView stringByEvaluatingJavaScriptFromString:@"document.forms[0].submit(); "]

四、综合运用以上方法，还可以实现部分网页的显示，基本思路如下:

1. 用 loadRequest 先获取网页，但先设置 UIWebView.hidden = YES;

2. 在 webViewDidFinishLoad 中，用

NSString *js_result2 = [webView stringByEvaluatingJavaScriptFromString:@"document.getElementByIdx_x_x(‘xxxx‘).innerHTML; "] 获取指定标签元素的HTML代码

3. 再使用 loadHTMLString 加载该HTML代码，即可