OC与JS的交互方法

stringByEvaluatingJavaScriptFromString方法以及webView的代理方法的使用,具体用法:

1.获取webview的宽高

通过JS来获取高度：document.body.offsetHeight;

stringByEvaluatingJavaScriptFromString方法需要等UIWebView中的页面加载完成之后去调用。

但是问题又来了，第一次获取到的高度可能不是正确的，比如有图片的时候，内容先加载出来了，取得的高度就不正确了。

因此，通常会调用几次，并限制次数，如果高度出现不等，说明又变化了，则需要重新构建或者更新UI！

#pragma mark - UIWebViewDelegate
- (void)webViewDidFinishLoad:(UIWebView *)webView {
  CGFloat height = [[webView stringByEvaluatingJavaScriptFromString:@"document.body.offsetHeight;"] intValue];
  if (self.webViewHeight != height && self.count <= 3) {
    self.webViewHeight = height;
    self.count++;
    
    [self updateUI];
  }
}
 
- (BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType {
  self.webViewHeight = webView.scrollView.contentSize.height;
  return YES;
}

2.获取webView界面的元素

//1、获取当前页面的url。
 - (void)webViewDidFinishLoad:(UIWebView *)webView {
 NSString *currentURL = [webView stringByEvaluatingJavaScriptFromString:@"document.location.href"];
 }
//2、获取页面title：
 - (void)webViewDidFinishLoad:(UIWebView *)webView {
 NSString *currentURL = [webView stringByEvaluatingJavaScriptFromString:@"document.location.href"];
NSString *title = [webview stringByEvaluatingJavaScriptFromString:@"document.title"];
}
//3、修改界面元素的值。
 NSString *js_result = [webView stringByEvaluatingJavaScriptFromString:@"document.getElementsByName('q')[0].value='朱祁林';"];
//4、表单提交：
 NSString *js_result2 = [webView stringByEvaluatingJavaScriptFromString:@"document.forms[0].submit(); "];
//这样就实现了在google搜索关键字：“朱祁林”的功能。
//5、插入js代码,上面的功能我们可以封装到一个js函数中，将这个函数插入到页面上执行，代码如下：
 [webView stringByEvaluatingJavaScriptFromString:@"var script = document.createElement('script');"
 "script.type = 'text/javascript';"
 "script.text = \"function myFunction() { "
 "var field = document.getElementsByName('q')[0];"
 "field.value='朱祁林';"
 "document.forms[0].submit();"
 "}\";"
 "document.getElementsByTagName('head')[0].appendChild(script);"];

 [webView stringByEvaluatingJavaScriptFromString:@"myFunction();"];

看上面的代码：

a、首先通过js创建一个script的标签，type为'text/javascript'。

b、然后在这个标签中插入一段字符串，这段字符串就是一个函数：myFunction，这个函数实现google自动搜索关键字的功能。

c、然后使用stringByEvaluatingJavaScriptFromString执行myFunction函数。

3.让h5的伙伴写函数,OC来调用

//获取h5中的标签
    NSString *name =[webView stringByEvaluatingJavaScriptFromString:@"getName();"];
    NSString *logo =[webView stringByEvaluatingJavaScriptFromString:@"getLogo();"];
    NSString *introducetion =[webView stringByEvaluatingJavaScriptFromString:@"getIntroduction();"];

//控制h5中的控件
//让H5中的播放音乐暂停或播放
[self.webView stringByEvaluatingJavaScriptFromString:@"pauseMusic();"];
[self.webView stringByEvaluatingJavaScriptFromString:@"playMusic();"];

4.OC方面获取h5中的操作,主要通过webView的代理获取h5中触发的操作

- (BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType{
 if ([request.URL.absoluteString rangeOfString:@"http://qiniu.com"].location !=NSNotFound)
        {
//OC方面做出对应操作

}

//H5点击分享按钮,移动端做出分享
<pre name="code" class="objc">- (BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType
{
    //NSURL *url = [request URL];
   // NSLog(@"%@",[NSString stringWithFormat:@"--%@",request.URL.absoluteString]);
    
        if ([request.URL.absoluteString rangeOfString:@"image"].location !=NSNotFound) {
        
        NSURL *url = [NSURL URLWithString: request.URL.absoluteString];
        NSData *data = [NSData dataWithContentsOfURL: url];
        UIImage *image = [UIImage imageWithData: data];
        WXMediaMessage *message = [WXMediaMessage message];

        [message setThumbImage:thumb];
        
        WXImageObject *ext = [WXImageObject object];
        ext.imageData = data;
        ext.imageData = UIImagePNGRepresentation(image);
        message.mediaObject = ext;
        SendMessageToWXReq* req = [[SendMessageToWXReq alloc] init];
        req.bText = NO;
        req.message = message;
        req.scene = WXSceneSession;
        [WXApi sendReq:req];
        if (![WXApi isWXAppInstalled] ) {
            [self showMBprogressHuDWithTitle:@"请安装微信客户端" withView:self.view];
        }
    }
    
    if ([request.URL.absoluteString rangeOfString:@"reloginH5"].location !=NSNotFound)
    {
        [self skipLoginViewController];
    }
    return YES;
}

}