最近做的项目中,是用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"]