你好,歡迎來到IOS教程網

 Ios教程網 >> IOS編程開發 >> IOS開發綜合 >> Objective-C 代碼與Javascript 代碼相互調用實例

Objective-C 代碼與Javascript 代碼相互調用實例

編輯:IOS開發綜合

現在好的IOS 的 APP有時候會跟網頁內容相關聯,當然也是增加用戶體驗,及更好的,有效的體現APP 的功能。

由於本人在項目中會用到這部分功能,做下記錄!

JS調用OC

很多應用裡面或多或少的調用了網頁,來達到絢麗的效果,所謂的JS調用OC.....舉個例子吧,網頁上有個按鈕

點擊按鈕跳轉界面,跳轉的動作由OC的代碼實現。

OC調用JS

還是舉個例子,我們OC代碼創建了輸入框比如輸入用戶名,輸入完成後顯示在網頁上,顯示用戶的用戶名

一.利用webView的代理方法實現OC和JS的相互調用

創建屬性

@property(nonatomic,strong)UIWebView * webView;

遵守webView的協議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調用OC
-(BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType{
  NSString * str = request.URL.relativeString;
  if ([str isEqualToString:@"http://www.baidu.com/"]) {
    NSLog(@"來找度娘");
  }
  return YES;
}
//OC調用JS
-(void)webViewDidFinishLoad:(UIWebView *)webView{
  NSString * str = [self.webView stringByEvaluatingJavaScriptFromString:@"document.getElementById(""\"index-kw""\").value=""\"li""\""];
  NSLog(@"webViewDidFinishLoad=%@",str);
  
}

二.利用第三方的框架實現(需要你和html端的人統一方法的名稱)

-(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];
  //設置能夠橋接
  [WebViewJavascriptBridge enableLogging];
  //設置橋接
   self.bridge =  [WebViewJavascriptBridge bridgeForWebView:self.webView];
  //設置代理
  [self.bridge setWebViewDelegate:self];
  //JS調用OC(testObjcCallback是和html統一的方法名字)
  [self.bridge registerHandler:@"testObjcCallback" handler:^(id data, WVJBResponseCallback responseCallback) {
    NSLog(@"按鈕點擊了");
    self.view.backgroundColor= [UIColor blackColor];
    responseCallback(@"按鈕點擊了");
  }];
  
  
}


//OC調用JS

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

感謝閱讀,希望能幫助到大家,謝謝大家對本站的支持!

  1. 上一頁:
  2. 下一頁:
蘋果刷機越獄教程| IOS教程問題解答| IOS技巧綜合| IOS7技巧| IOS8教程
Copyright © Ios教程網 All Rights Reserved