iOS OC与JS互相调用带参数带返回值

概述:网络上有一些第三方的交互框架,可以直接使用,此处介绍的一下利用原生做的交互,借助于iOS里的框架:JavaScriptCore.FrameWork.以下用到的demo,参考此demo理解OCInteractionJSDemo 该 demo使用的是UIWebview加载实现的交互

模拟h5写出来几种场景,本人前端水平菜的一比,就算你不会也能看懂:


    
        
    
    
        

Objective-C和JavaScript交互

实现方法

  • 导入依赖库
    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;
}

你可能感兴趣的:(iOS OC与JS互相调用带参数带返回值)