OC与JS交互之WKWebView

OC：

#import "ViewController.h"#import <WebKit/WebKit.h>#import "TwoViewController.h"@interface ViewController ()<UIWebViewDelegate,WKScriptMessageHandler>{    WKWebView *webView;}@end@implementation ViewController- (void)viewDidLoad {    [super viewDidLoad];    WKWebViewConfiguration *config = [[WKWebViewConfiguration alloc]init];    config.preferences.minimumFontSize = 18;     webView = [[WKWebView alloc]initWithFrame:CGRectMake(0, 0, self.view.bounds.size.width, self.view.bounds.size.height/2) configuration:config];    webView.backgroundColor = [UIColor redColor];    webView.userInteractionEnabled = YES;    [self.view addSubview:webView];    NSString *filePath = [[NSBundle mainBundle] pathForResource:@"JKLTEXT" ofType:@"html"];    NSURL *baseURL = [[NSBundle mainBundle] bundleURL];    [webView loadHTMLString:[NSString stringWithContentsOfFile:filePath encoding:NSUTF8StringEncoding error:nil] baseURL:baseURL];    WKUserContentController *userC = config.userContentController;    //JS调用OC 添加处理脚本    [userC addScriptMessageHandler:self name:@"showName"];    UIButton *mobileButton = [UIButton buttonWithType:UIButtonTypeCustom];    mobileButton.frame = CGRectMake(10, 500, 60, 40);    [mobileButton setTitle:@"mobile" forState:UIControlStateNormal];    [mobileButton setTitleColor:[UIColor blueColor] forState:UIControlStateNormal];    [mobileButton addTarget:self action:@selector(btnClick) forControlEvents:UIControlEventTouchUpInside];    [self.view addSubview:mobileButton];}-(void)btnClick{    if (!webView.loading) {        [webView evaluateJavaScript:@"alertName('来自OC')" completionHandler:nil];    }}//网页加载完成之后调用JS代码才会执行，因为这个时候html页面已经注入到webView中并且可以响应到对应方法- (void)userContentController:(WKUserContentController *)userContentController didReceiveScriptMessage:(WKScriptMessage *)message {    if ([message.name isEqualToString:@"showName"]) {        NSLog(@"message:%@",message.body);    }}- (void)didReceiveMemoryWarning {    [super didReceiveMemoryWarning];    // Dispose of any resources that can be recreated.}@end

html：

function alertName(Msg) {    document.getElementById('name').innerHTML =  Msg}function btn1() {    window.webkit.messageHandlers.showName.postMessage('我来自JS')}