iOS开发之 OC 与 JS 互相调用(UIWebView)

有时候iOS开发过程中使用 UIWebView 经常需要加载网页，但是网页中有很多明显的标记让人一眼就能看出来是加载的网页，而我们又不想被人卡出来。

如网页中的这个导航

Snip20170704_1.png

通常我们不需要WebView中的 导航栏，也不需要里面的返回上一级的交互。。

对WebView常用的另外一种功能就是对某个点击添加对用function实现JS调用OC的交互功能。

下面一一介绍：

1. UIWebView 调用JS代码

OC调用JS通常是，在webView加载完成后调用，直接实现WebView代理方法

- (void)webViewDidFinishLoad:(UIWebView *)webView
{
    //    webView
    // 执行JS代码实现--这里移除头部，只是进来的时候移除一次，
    
    NSString *jsCode = @"var headerElement = document.getElementsByTagName('header')[0];"
    "headerElement.parentNode.removeChild(headerElement);";
    [webView stringByEvaluatingJavaScriptFromString:jsCode];

}

2. JS 调用 OC 方法

此种用法通常是WebView中某按钮点击要进入下一级页面或其他操作。此时需要实现两个WebView的代理方法配合实现。

- (void)webViewDidFinishLoad:(UIWebView *)webView
{
    //    webView
    NSString *exeCode =
    //找到对应的元素
    @"var figureElement = document.getElementsByTagName('div')[0];"
    //    "var imgElement = figureElement.children[0];"
    //添加相应事件（这里是点击事件）
    "figureElement.onclick = function(){window.location.href = 'http://www.baidu.com'};";
    [webView stringByEvaluatingJavaScriptFromString:exeCode];
    
    self.request = webView.request;
    
}


- (BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType
{
    if ([request.URL.absoluteString isEqualToString:@"http://www.baidu.com/"]) {
        
        UIAlertView *a = [[UIAlertView alloc] initWithTitle:@"提示" message:@"政策原因，请移步网站投注" delegate:self cancelButtonTitle:@"好的" otherButtonTitles:nil, nil];
        [a show];
        
        return NO;
    }
    
    return YES;
}