//

//

  ViewController.m

//

  JSAndIOS交互

//

//

  Created by apple on 15/7/31.

//

  Copyright (c) 2015年 tqh. All rights reserved.

//

#import 

"

ViewController.h

"

#import 

"

WebViewJavascriptBridge.h

"

@interface ViewController ()<UIWebViewDelegate>

@property WebViewJavascriptBridge* bridge;

@end

@implementation ViewController

- (

void)viewDidLoad {

    [super viewDidLoad];

    

if (_bridge) { 

return; }

    

    UIWebView* webView = [[UIWebView alloc] initWithFrame:self.view.bounds];

    [self.view addSubview:webView];

    

    [WebViewJavascriptBridge enableLogging];

    

    

//

网页交互，网页发送消息给程序

    _bridge = [WebViewJavascriptBridge bridgeForWebView:webView webViewDelegate:self handler:^(

id data, WVJBResponseCallback responseCallback) {

        NSLog(

@"

从JS收到消息: %@

", data);

        responseCallback(

@"

back

");

    }];

    

//

网页交互，网页发送消息给程序

    [_bridge registerHandler:

@"

testObjcCallback

" handler:^(

id data, WVJBResponseCallback responseCallback) {

        NSLog(

@"

testObjcCallback called: %@

", data);

        responseCallback(

@"

back

");

    }];

    [self renderButtons:webView];

    [self loadExamplePage:webView];

}

- (

void)renderButtons:(UIWebView*)webView {

    UIFont* font = [UIFont fontWithName:

@"

HelveticaNeue

" size:

12.0];

    

    UIButton *messageButton = [UIButton buttonWithType:UIButtonTypeRoundedRect];

    [messageButton setTitle:

@"

发送消息

" forState:UIControlStateNormal];

    [messageButton addTarget:self action:@selector(sendMessage:) forControlEvents:UIControlEventTouchUpInside];

    [self.view insertSubview:messageButton aboveSubview:webView];

    messageButton.frame = CGRectMake(

10, 

414, 

100, 

35);

    messageButton.titleLabel.font = font;

    messageButton.backgroundColor = [UIColor colorWithWhite:

1 alpha:

0.75];

    

    UIButton *callbackButton = [UIButton buttonWithType:UIButtonTypeRoundedRect];

    [callbackButton setTitle:

@"

调用处理程序

" forState:UIControlStateNormal];

    [callbackButton addTarget:self action:@selector(callHandler:) forControlEvents:UIControlEventTouchUpInside];

    [self.view insertSubview:callbackButton aboveSubview:webView];

    callbackButton.frame = CGRectMake(

110, 

414, 

100, 

35);

    callbackButton.titleLabel.font = font;

    

    UIButton* reloadButton = [UIButton buttonWithType:UIButtonTypeRoundedRect];

    [reloadButton setTitle:

@"

重新加载webview

" forState:UIControlStateNormal];

    [reloadButton addTarget:webView action:@selector(reload) forControlEvents:UIControlEventTouchUpInside];

    [self.view insertSubview:reloadButton aboveSubview:webView];

    reloadButton.frame = CGRectMake(

210, 

414, 

100, 

35);

    reloadButton.titleLabel.font = font;

}

//

加载网页

- (

void)loadExamplePage:(UIWebView*)webView {

    

//

ExampleApp加载本地网页

    NSString* htmlPath = [[NSBundle mainBundle] pathForResource:

@"

ExampleApp

" ofType:

@"

html

"];

    NSString* appHtml = [NSString stringWithContentsOfFile:htmlPath encoding:NSUTF8StringEncoding error:nil];

    NSURL *baseURL = [NSURL fileURLWithPath:htmlPath];

    [webView loadHTMLString:appHtml baseURL:baseURL];

}

#pragma mark - 事件监听

- (

void)sendMessage:(

id)sender {

    

//

发送消息

    [_bridge send:

@"

oc发送消息

" responseCallback:^(

id response) {

        NSLog(

@"

sendMessage got response: %@

", response);

    }];

}

- (

void)callHandler:(

id)sender {

    

//

发送消息

    

id data = @{ 

@"

name

": 

@"

value

" };

    [_bridge callHandler:

@"

testJavascriptHandler

" data:data responseCallback:^(

id response) {

        NSLog(

@"

testJavascriptHandler responded: %@

", response);

    }];

}

#pragma mark - UIWebViewDelegate

- (

void)webViewDidStartLoad:(UIWebView *)webView {

    NSLog(

@"

webViewDidStartLoad

");

}

- (

void)webViewDidFinishLoad:(UIWebView *)webView {

    NSLog(

@"

webViewDidFinishLoad

");

}

@end

 github下载：

 百度云下载：

 js学习：

 

 

 webkit学习：