Objective-C 代码与Javascript 代码相互调用实例
Objective-C 代码与Javascript 代码相互调用实例
发布时间:2016-12-28 来源:查字典编辑
摘要:现在好的IOS的APP有时候会跟网页内容相关联,当然也是增加用户体验,及更好的,有效的体现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开发学习
编程开发子分类