开源中文网

您的位置: 首页 > Objective-C > 正文

Objective-C 代码与Javascript 代码相互调用实例

来源: 网络整理  作者: 佚名

现在好的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"];
}

感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

Tags:代码 实例
关于开源中文网 - 联系我们 - 广告服务 - 网站地图 - 版权声明