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

 更新时间:2016年10月14日 14:16:09   投稿:lqh  
这篇文章主要介绍了Objective-C 代码与Javascript 代码相互调用实例的相关资料,现在的APP 应用有时候会调用网页上的内容,为了增加用户体验,这里写下个实例,需要的朋友可以参考下

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

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

相关文章

  • iOS中导航栏的基本使用汇总

    iOS中导航栏的基本使用汇总

    导航栏作为iOS开发的一大空控件来说,是非常的重要这篇文章主要给大家介绍了关于iOS中导航栏的基本使用的相关资料,文中通过示例代码介绍的非常详细,需要的朋友可以参考借鉴,下面随着小编来一起学习学习吧
    2018-07-07
  • iOS实现图片轮播效果

    iOS实现图片轮播效果

    这篇文章主要为大家详细介绍了IOS实现图片轮播效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-03-03
  • iOS基于CATransition实现翻页、旋转等动画效果

    iOS基于CATransition实现翻页、旋转等动画效果

    这篇文章主要为大家详细介绍了iOS基于CATransition实现翻页、旋转等动画效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-04-04
  • Flutter使用push pop方法及路由进行导航详解

    Flutter使用push pop方法及路由进行导航详解

    这篇文章主要为大家介绍了Flutter使用push pop方法及路由进行导航详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-09-09
  • IOS中MMDrawerController第三方抽屉效果的基本使用示例

    IOS中MMDrawerController第三方抽屉效果的基本使用示例

    这篇文章主要介绍了IOS中MMDrawerController第三方抽屉效果的基本使用示例,具有一定的参考价值,感兴趣的小伙伴们可以参考一下。
    2017-02-02
  • iOS常用的公共方法详解

    iOS常用的公共方法详解

    本文主要介绍了iOS常用的公共方法,具有一定的参考价值,下面跟着小编一起来看下吧
    2016-12-12
  • iOS中长按调出菜单组件UIMenuController的使用实例

    iOS中长按调出菜单组件UIMenuController的使用实例

    UIMenuController即是用来制作我们平时对文本长按屏幕后显示出的复制粘贴等选项菜单,下面就来详细整理一下iOS中长按调出菜单组件UIMenuController的使用实例:
    2016-06-06
  • NSString属性何时用strong何时用copy?

    NSString属性何时用strong何时用copy?

    相信各位iOS开发者们都考虑过这个问题,平时写NSString的属性时都用copy,那strong要何时用呢?下面这篇文章就来看一下什么时候应该用copy,什么时候应该用strong。有需要的朋友们可以参考借鉴,下面来一起看看吧。
    2016-12-12
  • iOS实现应用内切换语言及字体大小(模仿微信)

    iOS实现应用内切换语言及字体大小(模仿微信)

    这篇文章主要给大家介绍了关于利用iOS如何实现应用内切换语言及字体大小的相关资料,实现的效果类似我们经常在微信中见到的,文中通过示例代码介绍的非常详细,需要的朋友们可以参考借鉴,下面随着小编来一起学习学习吧。
    2018-01-01
  • iOS Swift Lazy var View失效问题解决

    iOS Swift Lazy var View失效问题解决

    这篇文章主要为大家介绍了iOS Swift Lazy var View失效问题解决,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-07-07

最新评论