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"];
}
感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！