最近做的项目中,是用html做的,我这边直接用iOS原生的UIWebView进行加载显示,在期间用到了js和OC的互相调用,这里记录下来
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方法去执行JS,getYuyinResult这个字符串中getYuyinResult是JS方法名,如果没有参数就直接跟括号。
这就是UIWebView中JS和OC的互调了,有说的不好和不对的地方,希望大家指正
最后获取当前页面的title在- (void)webViewDidFinishLoad:(UIWebView *)webView这个方法里去获取当前页面的title,这个方法是页面加载完成之后执行的
self.title = [self.mWebView stringByEvaluatingJavaScriptFromString:@"document.title"]