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=[[NSURLalloc]initWithString:@"http://www.baidu.com"]; self.webView=[[UIWebViewalloc]initWithFrame:self.view.bounds]; NSURLRequest*request=[[NSURLRequestalloc]initWithURL:url]; self.webView.delegate=self; [self.webViewloadRequest:request]; [self.viewaddSubview:self.webView]; } //JS调用OC -(BOOL)webView:(UIWebView*)webViewshouldStartLoadWithRequest:(NSURLRequest*)requestnavigationType:(UIWebViewNavigationType)navigationType{ NSString*str=request.URL.relativeString; if([strisEqualToString:@"http://www.baidu.com/"]){ NSLog(@"来找度娘"); } returnYES; } //OC调用JS -(void)webViewDidFinishLoad:(UIWebView*)webView{ NSString*str=[self.webViewstringByEvaluatingJavaScriptFromString:@"document.getElementById(""\"index-kw""\").value=""\"li""\""]; NSLog(@"webViewDidFinishLoad=%@",str); }
二.利用第三方的框架实现(需要你和html端的人统一方法的名称)
-(void)webViewBridge{ self.webView=[[UIWebViewalloc]initWithFrame:[UIScreenmainScreen].bounds]; NSString*path=[[NSBundlemainBundle]pathForResource:@"ExampleApp.html"ofType:nil]; NSURL*url=[[NSURLalloc]initFileURLWithPath:path]; [self.webViewloadRequest:[NSURLRequestrequestWithURL:url]]; self.webView.delegate=self; [self.viewaddSubview:self.webView]; //设置能够桥接 [WebViewJavascriptBridgeenableLogging]; //设置桥接 self.bridge=[WebViewJavascriptBridgebridgeForWebView:self.webView]; //设置代理 [self.bridgesetWebViewDelegate:self]; //JS调用OC(testObjcCallback是和html统一的方法名字) [self.bridgeregisterHandler:@"testObjcCallback"handler:^(iddata,WVJBResponseCallbackresponseCallback){ NSLog(@"按钮点击了"); self.view.backgroundColor=[UIColorblackColor]; responseCallback(@"按钮点击了"); }]; } //OC调用JS -(void)webViewDidFinishLoad:(UIWebView*)webView{ NSLog(@"webViewDidFinishLoad"); [self.bridgecallHandler:@"registerHandler"]; }
感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!