iOS - oc与js交互的几种方式(1)

oc调用js代码两种方式
1.通过webVIew调用 

webView stringByEvaluatingJavaScriptFromString:

 调用
2.通过JSContext调用

[context evaluateScript:];

演示代码

#import "ViewController.h"
#import <JavaScriptCore/JavaScriptCore.h>

#define kScreenW [UIScreen mainScreen].bounds.size.width
#define kScreenH [UIScreen mainScreen].bounds.size.height
#define kScreenB [UIScreen mainScreen].bounds
@interface ViewController ()<UIWebViewDelegate>

/** webView */
@property (nonatomic, strong) UIWebView *webView;

@end

@implementation ViewController

#pragma mark - webView delegate

/**
1.js调用oc,每次js相应事件调用的方法
2.通过js相应的时间中得到url字符串.通过判断字符串是点击了百度新闻这个链接.
3.可以返回YES 或者 NO 来确定是加载网页还是响应我们自定义的事件.
*/
- (BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType{

//截取点击网页上的超链接字符串
NSString * urlStr = request.URL.absoluteString;

NSLog(@"%@",urlStr);

//判断字符串是否为我们需要的
if ([urlStr isEqualToString:@"http://m.news.baidu.com/news?fr=mohome&ssid=0&from=844b&uid=&pu=sz%401320_2001%2Cta%40iphone_1_9.3_3_601&bd_page_type=1"]) {

//小测验: 当点击百度新闻这个链接的时候让view上出现一个红色的View,与此同时返回值NO,则不加载网页.
UIView * redView = [[UIView alloc] init];
redView.backgroundColor = [UIColor redColor];
redView.frame = CGRectMake(30, 30, 200, 200);
[self.view addSubview:redView];

/**
1.return NO 取消网页定向(不加载网页),只用自定义点击事件
2.return YES 既用自定义点击事件,又用网页跳转(定向/加载网页)
*/
return NO;
}
return YES;
}
- (void)webViewDidStartLoad:(UIWebView *)webView{

}

/**
1.Oc调用js
2.加载完毕后调用,或者通过用户事件(点击,触摸等等)调用.
3.注入代码:
a.context 调用 evaluateScript:(js代码)
b.webView 调用 stringByEvaluatingJavaScriptFromString:(js代码)
*/
- (void)webViewDidFinishLoad:(UIWebView *)webView{

/** js代码 */
//    NSString * alertView = @"alert('oc调js')";
//    JSContext * context = [webView valueForKeyPath:@"documentView.webView.mainFrame.javaScriptContext"];
//直接通过context注入代码执行js的代码
//    [context evaluateScript:alertView];
//通过webVIew执行js代码
//    [webView stringByEvaluatingJavaScriptFromString:alertView];
}
- (void)webView:(UIWebView *)webView didFailLoadWithError:(nullable NSError *)error{

}

- (void)viewDidLoad {
[super viewDidLoad];

/** init clickBtn */
//初始化一个button来让用户点击button的时候调用js的吗
UIButton * btn = [[UIButton alloc] init];
[btn setTitle:@"点我" forState:UIControlStateNormal];
[btn addTarget:self action:@selector(clickBtn) forControlEvents:UIControlEventTouchUpInside];
[btn setBackgroundColor:[UIColor redColor]];
btn.frame = CGRectMake(0, 20, 30, 80);
[self.view addSubview:btn];

/** init self.webView */
self.webView = [[UIWebView alloc] initWithFrame:CGRectMake(0, 50, kScreenW, kScreenH)];
[self.view addSubview:self.webView];
self.webView.delegate = self;
NSString * urlStr = @"https://www.baidu.com";
NSURL * url = [NSURL URLWithString:urlStr];
NSURLRequest * request = [NSURLRequest requestWithURL:url];
[self.webView loadRequest:request];
}

/** 点击button 时oc调用js */
-(void)clickBtn{

JSContext * context = [self.webView valueForKeyPath:@"documentView.webView.mainFrame.javaScriptContext"];
NSString * jsStr = [NSString stringWithFormat:@"alert('%@')",@"这是哈哈"];
[context evaluateScript:jsStr];
}

小结:oc调用js的一个方式 --- 注入代码,两个实现方式:通过context 或者 webView来注入js代码调用js中的方法.