iOS开发之 OC 与 JS 互相调用|xiaoyou’s blog

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

如网页中的这个导航
Snip20170704_1.png

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

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

下面一一介绍:

1. UIWebView 调用JS代码

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

- (void)webViewDidFinishLoad:(UIWebView *)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
{
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;
}