iOS UIWebView中JS和OC互相调用

来源:互联网 发布:淘宝qq群推广抽成 编辑:程序博客网 时间:2024/05/01 15:45

最近做的项目中,是用html做的,我这边直接用iOS原生的UIWebView进行加载显示,在期间用到了jsOC的互相调用,这里记录下来

     JS调用OC方法:

        首先,什么是JS调用OC方法,意思就是界面上有一个html的按钮,我点击这个按钮之后,要调用OC原声的方法,这就是JS调用OC方法。我们项目里面有一个点击注销按钮返回原生登陆界面的例子

先impot头文件

#import <JavaScriptCore/JavaScriptCore.h>

声明一个JSContext对象并初始化

@property (strong, nonatomic) JSContext *context;//初始化content    self.context = [self.mWebView valueForKeyPath:@"documentView.webView.mainFrame.javaScriptContext"];        // 打印异常,由于JS的异常信息是不会在OC中被直接打印的,所以我们在这里添加打印异常信息,    self.context.exceptionHandler =    ^(JSContext *context, JSValue *exceptionValue)    {        context.exception = exceptionValue;    };

然后注册JS调用的OC方法

//注销登录    self.context[@"loginOut"] =    ^()    {        UIAlertController *alertController = [UIAlertController alertControllerWithTitle:@"注销登陆" message:@"是否注销登录" preferredStyle:UIAlertControllerStyleAlert];        [alertController addAction:[UIAlertAction actionWithTitle:@"取消" style:UIAlertActionStyleCancel handler:^(UIAlertAction * _Nonnull action) {        }]];        [alertController addAction:[UIAlertAction actionWithTitle:@"确定" style:UIAlertActionStyleDefault handler:^(UIAlertAction * _Nonnull action) {            [self loginOut];//OC的注销方法        }]];                [self presentViewController:alertController animated:YES completion:nil];    };

这样,在点击注销的按钮之后就会执行对应的OC方法了

OC调用JS方法:

什么是OC调用JS方法,意思就是点击了原生的按钮之后需要再调用JS的方法进行数据回传或者其他操作,我们项目里面有一个获取百度语音结果调用JS方法将结果回传给后台的例子

//百度语音结果回调-(void)results:(NSString *)results {    //初始化content    self.context = [self.mWebView valueForKeyPath:@"documentView.webView.mainFrame.javaScriptContext"];        // 打印异常,由于JS的异常信息是不会在OC中被直接打印的,所以我们在这里添加打印异常信息,    self.context.exceptionHandler =    ^(JSContext *context, JSValue *exceptionValue)    {        context.exception = exceptionValue;    };    NSString *getYuyinResult = @"getYuyinResult('inputAllSearch','你好你好')";    [self.context evaluateScript:getYuyinResult];}

这样就可以调用JS方法啦,主要就是调用evaluateScript方法去执行JSgetYuyinResult这个字符串中getYuyinResultJS方法名,如果没有参数就直接跟括号。

这就是UIWebViewJSOC的互调了,有说的不好和不对的地方,希望大家指正

最后获取当前页面的title- (void)webViewDidFinishLoad:(UIWebView *)webView这个方法里去获取当前页面的title,这个方法是页面加载完成之后执行的

self.title = [self.mWebView stringByEvaluatingJavaScriptFromString:@"document.title"] 


原创粉丝点击