這篇文章主要介紹了Objective-C 代碼與Javascript 代碼相互調(diào)用實(shí)例的相關(guān)資料,現(xiàn)在的APP 應(yīng)用有時(shí)候會(huì)調(diào)用網(wǎng)頁(yè)上的內(nèi)容，為了增加用戶體驗(yàn)，這里寫(xiě)下個(gè)實(shí)例，需要的朋友可以參考下

現(xiàn)在好的IOS 的 APP有時(shí)候會(huì)跟網(wǎng)頁(yè)內(nèi)容相關(guān)聯(lián)，當(dāng)然也是增加用戶體驗(yàn)，及更好的，有效的體現(xiàn)APP 的功能。

由于本人在項(xiàng)目中會(huì)用到這部分功能，做下記錄！

JS調(diào)用OC

很多應(yīng)用里面或多或少的調(diào)用了網(wǎng)頁(yè)，來(lái)達(dá)到絢麗的效果，所謂的JS調(diào)用OC.....舉個(gè)例子吧，網(wǎng)頁(yè)上有個(gè)按鈕

點(diǎn)擊按鈕跳轉(zhuǎn)界面，跳轉(zhuǎn)的動(dòng)作由OC的代碼實(shí)現(xiàn)。

OC調(diào)用JS

還是舉個(gè)例子，我們OC代碼創(chuàng)建了輸入框比如輸入用戶名，輸入完成后顯示在網(wǎng)頁(yè)上，顯示用戶的用戶名

一.利用webView的代理方法實(shí)現(xiàn)OC和JS的相互調(diào)用

創(chuàng)建屬性

@property(nonatomic,strong)UIWebView * webView;

遵守webView的協(xié)議UIWebViewDelegate

-(void)webViewLoad{
  
  NSURL * url = [[NSURL alloc]initWithString:@"http://www.baidu.com"];
  self.webView = [[UIWebView alloc]initWithFrame:self.view.bounds];
  NSURLRequest * request = [[NSURLRequest alloc]initWithURL:url];
  self.webView.delegate = self;
  [self.webView loadRequest:request];
  
  [self.view addSubview:self.webView];
  
}

//JS調(diào)用OC
-(BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType{
  NSString * str = request.URL.relativeString;
  if ([str isEqualToString:@"http://www.baidu.com/"]) {
    NSLog(@"來(lái)找度娘");
  }
  return YES;
}
//OC調(diào)用JS
-(void)webViewDidFinishLoad:(UIWebView *)webView{
  NSString * str = [self.webView stringByEvaluatingJavaScriptFromString:@"document.getElementById(""\"index-kw""\").value=""\"li""\""];
  NSLog(@"webViewDidFinishLoad=%@",str);
  
}

二.利用第三方的框架實(shí)現(xiàn)(需要你和html端的人統(tǒng)一方法的名稱(chēng))

-(void)webViewBridge{
  self.webView = [[UIWebView alloc]initWithFrame:[UIScreen mainScreen].bounds];
  
  NSString * path = [[NSBundle mainBundle]pathForResource:@"ExampleApp.html" ofType:nil];
  NSURL * url = [[NSURL alloc]initFileURLWithPath:path];
  
  [self.webView loadRequest:[NSURLRequest requestWithURL:url]];
  self.webView.delegate = self;
  [self.view addSubview:self.webView];
  //設(shè)置能夠橋接
  [WebViewJavascriptBridge enableLogging];
  //設(shè)置橋接
   self.bridge =  [WebViewJavascriptBridge bridgeForWebView:self.webView];
  //設(shè)置代理
  [self.bridge setWebViewDelegate:self];
  //JS調(diào)用OC（testObjcCallback是和html統(tǒng)一的方法名字）
  [self.bridge registerHandler:@"testObjcCallback" handler:^(id data, WVJBResponseCallback responseCallback) {
    NSLog(@"按鈕點(diǎn)擊了");
    self.view.backgroundColor= [UIColor blackColor];
    responseCallback(@"按鈕點(diǎn)擊了");
  }];
  
  
}


//OC調(diào)用JS

-(void)webViewDidFinishLoad:(UIWebView *)webView{
  NSLog(@"webViewDidFinishLoad");
  [self.bridge callHandler:@"registerHandler"];
}

感謝閱讀，希望能幫助到大家，謝謝大家對(duì)本站的支持！

您可能感興趣的文章: