概述:网络上有一些第三方的交互框架,可以直接使用,此处介绍的一下利用原生做的交互,借助于iOS里的框架:JavaScriptCore.FrameWork.以下用到的demo,参考此demo理解OCInteractionJSDemo 该 demo使用的是UIWebview加载实现的交互
模拟h5写出来几种场景,本人前端水平菜的一比,就算你不会也能看懂:
Objective-C和JavaScript交互
// js函数
function clickAction0(typyId) {
alert(typyId)
}
function clickAction1(typyId) {
alert(typyId)
}
function clickAction2(typyId) {
alert(typyId);
return 'hello';
}
function clickbtn() {
var tempValue = window.AndroidWebView.indexOfMap();
alert(tempValue);
}
实现方法
导入依赖库
JavaScriptCore.framework
#import
#import
@protocol JSObjcDelegate
// AndroidWebView对象调用的JavaScript方法,必须声明!!!
- (int)indexOfMap;
@end
@interface ViewController : UIViewController
@property (nonatomic, strong) JSContext *context;
@property (weak, nonatomic) IBOutlet UIWebView *webView;
@end
加载网页(此处本地)
- (void)viewDidLoad {
[super viewDidLoad];
self.webView.delegate = self;
self.webView.scalesPageToFit = YES;//自动对页面进行缩放以适应屏幕
// 加载本地的html测试js
NSURL *baseURL = [NSURL fileURLWithPath:[[NSBundle mainBundle] bundlePath]];
NSString *path = [[NSBundle mainBundle] pathForResource:@"testJsFunc" ofType:@"html"];
NSString *html = [NSString stringWithContentsOfFile:path encoding:NSUTF8StringEncoding error:nil];
[self.webView loadHTMLString:html baseURL:baseURL];
// Do any additional setup after loading the view, typically from a nib.
}
实现交互
- (void)webViewDidFinishLoad:(UIWebView *)webView
{
// 获取context对象
self.context = [self.webView valueForKeyPath:@"documentView.webView.mainFrame.javaScriptContext"];
//将AndroidWebView对象指向自身 js里面写window.AndroidWebView.indexOfMap() 就会调用原生里的indexOfMap方法
self.context[@"AndroidWebView"] = self;
self.context.exceptionHandler = ^(JSContext *context, JSValue *exceptionValue) {
context.exception = exceptionValue;
NSLog(@"异常信息:%@", exceptionValue);
};
// 获取到点击js按钮的事件
self.context[@"clickAction0"] = ^(){
NSLog(@"获取到点击js按钮的事件");
};
// oc调用js函数 并传参 js无返回值
NSString *jsAction = @"clickAction1(555)";
[self.context evaluateScript:jsAction];
// oc调用js函数 并传参 接收js返回值
NSString *str1 = [webView stringByEvaluatingJavaScriptFromString:@"clickAction2(666);"];
NSLog(@"js函数给我的返回值:%@", str1);
}
/**
待js调用
*/
- (int)indexOfMap {
NSLog(@"我被js调用了");
return 110;
}