iOS下JS与原生OC互相调用

最新推荐文章于 2019-06-17 15:30:23 发布

chengpiaoliao2037

最新推荐文章于 2019-06-17 15:30:23 发布

阅读量130

点赞数

文章标签： javascript ViewUI

原文链接：https://my.oschina.net/u/2320354/blog/620445

版权

今天需要做html 和oc 的调用找到一篇文章，实现了功能。转载纪录一下。

在iOS 7之后，apple添加了一个新的库JavaScriptCore，用来做JS交互，因此JS与原生OC交互也变得简单了许多。
首先导入JavaScriptCore库, 然后在OC中获取JS的上下文

JSContext *context = [self.webView valueForKeyPath:@"documentView.webView.mainFrame.javaScriptContext"];

再然后定义好JS需要调用的方法，例如JS要调用share方法：
则可以在UIWebView加载url完成后，在其代理方法中添加要调用的share方法：

- (void)webViewDidFinishLoad:(UIWebView *)webView
{
    JSContext *context = [self.webView valueForKeyPath:@"documentView.webView.mainFrame.javaScriptContext"]; //定义好JS要调用的方法, share就是调用的share方法名 context[@"share"] = ^() { NSLog(@"+++++++Begin Log+++++++"); NSArray *args = [JSContext currentArguments]; UIAlertView *alertView = [[UIAlertView alloc] initWithTitle:@"方式" message:@"OC原生的弹出窗" delegate:self cancelButtonTitle:@"收到" otherButtonTitles:nil];
        [alertView show]; for (JSValue *jsVal in args) { NSLog(@"%@", jsVal.toString);
        } NSLog(@"-------End Log-------");
    };
}

其中相对应的html部分如下：

<html> <header> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script type="text/javascript"> function secondClick() {
                share('分享的标题','分享的内容','图片地址');
            } function showAlert(message){
            alert(message);
        } </script> </header> <body> <h2> 方式 </h2> <br/> <br/> <button type="button" onclick="secondClick()">Click Me!</button> </body> </html>