概述：网络上有一些第三方的交互框架，可以直接使用，此处介绍的一下利用原生做的交互，借助于iOS里的框架：JavaScriptCore.FrameWork.以下用到的demo，参考此demo理解OCInteractionJSDemo 该 demo使用的是UIWebview加载实现的交互
模拟h5写出来几种场景，本人前端水平菜的一比，就算你不会也能看懂：
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
</head>
<body>
<div style="margin-top: 100px">
<h1>Objective-C和JavaScript交互</h1>
</div>
<div>
<input type="button" value="oc掉用js弹出提示->" onclick="clickAction0(11)">
<input type="button" value="js调用oc->" onclick="clickbtn()">
</div>
<script type="text/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);
}
</script>
</body>
</html>
实现方法
- 导入依赖库
JavaScriptCore.framework
#import <UIKit/UIKit.h>
#import <JavaScriptCore/JavaScriptCore.h>
@protocol JSObjcDelegate <JSExport>
// AndroidWebView对象调用的JavaScript方法，必须声明！！！
- (int)indexOfMap;
@end
@interface ViewController : UIViewController <UIWebViewDelegate,JSObjcDelegate>
@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;
}
网友评论