2017-12-04(周一)JS和OC互调

2017-12-04  本文已影响34人  捏捏你的脸
柴柴9.jpeg

好久没写周一笔记了,日常柴柴镇楼。

1.获取webViewContext 添加事件监听.

 #pragma mark - private method
- (void)addCustomActions
{
    JSContext *context = [self.webView valueForKeyPath:@"documentView.webView.mainFrame.javaScriptContext"];
    
    [context evaluateScript:@"var arr = [3, 4, 'abc'];"];

    [self addScanWithContext:context];
    
    [self addLocationWithContext:context];
    
    [self addSetBGColorWithContext:context];
    
    [self addShareWithContext:context];
    
    [self addPayActionWithContext:context];
    
    [self addShakeActionWithContext:context];
    
    [self addGoBackWithContext:context];
} 

2.JS调用OC的代码

- (void)addScanWithContext:(JSContext *)context
{
    // JS调用OC
    context[@"scan"] = ^() {
//        NSLog(@"扫一扫啦");
        UIAlertView * alertV = [[UIAlertView alloc]initWithTitle:@"哈哈" message:@"JS调用OC代码" delegate:nil cancelButtonTitle:@"取消" otherButtonTitles:@"确定", nil];
        [alertV show];
    };
}

3.OC调用JS的代码

 // 将分享结果返回给js
        NSString *jsStr = [NSString stringWithFormat:@"shareResult('%@','%@','%@')",title,content,url];
        [[JSContext currentContext] evaluateScript:jsStr];

重要说明 其实JS和OC的互调很简单,只需要JS方和OC方协调统一好方法,就可以很简单的实现互相调用。

这里截取一点HTML 中的JS代码。按钮点击事件触发对应2中的OC scan 方法。系统打印出 “扫一扫”

<input type="button" value="扫一扫" onclick="scanClick()" />
 function scanClick() {
                scan();
            }

总结 JS和OC之间的互调还是蛮简单的,以前借用第三方的JavaScriptBridge 来实现这功能,现在苹果自带这库 直接引用即可,更加方便省事了。

上一篇 下一篇

猜你喜欢

热点阅读