Objective-C 代碼與Javascript 代碼相互調(diào)用實例
現(xiàn)在好的IOS 的 APP有時候會跟網(wǎng)頁內(nèi)容相關(guān)聯(lián),當(dāng)然也是增加用戶體驗,及更好的,有效的體現(xiàn)APP 的功能。
由于本人在項目中會用到這部分功能,做下記錄!
JS調(diào)用OC
很多應(yīng)用里面或多或少的調(diào)用了網(wǎng)頁,來達(dá)到絢麗的效果,所謂的JS調(diào)用OC.....舉個例子吧,網(wǎng)頁上有個按鈕
點擊按鈕跳轉(zhuǎn)界面,跳轉(zhuǎn)的動作由OC的代碼實現(xiàn)。
OC調(diào)用JS
還是舉個例子,我們OC代碼創(chuàng)建了輸入框比如輸入用戶名,輸入完成后顯示在網(wǎng)頁上,顯示用戶的用戶名
一.利用webView的代理方法實現(xiàn)OC和JS的相互調(diào)用
創(chuàng)建屬性
@property(nonatomic,strong)UIWebView * webView;
遵守webView的協(xié)議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調(diào)用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調(diào)用JS -(void)webViewDidFinishLoad:(UIWebView *)webView{ NSString * str = [self.webView stringByEvaluatingJavaScriptFromString:@"document.getElementById(""\"index-kw""\").value=""\"li""\""]; NSLog(@"webViewDidFinishLoad=%@",str); }
二.利用第三方的框架實現(xiàn)(需要你和html端的人統(tǒng)一方法的名稱)
-(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]; //設(shè)置能夠橋接 [WebViewJavascriptBridge enableLogging]; //設(shè)置橋接 self.bridge = [WebViewJavascriptBridge bridgeForWebView:self.webView]; //設(shè)置代理 [self.bridge setWebViewDelegate:self]; //JS調(diào)用OC(testObjcCallback是和html統(tǒng)一的方法名字) [self.bridge registerHandler:@"testObjcCallback" handler:^(id data, WVJBResponseCallback responseCallback) { NSLog(@"按鈕點擊了"); self.view.backgroundColor= [UIColor blackColor]; responseCallback(@"按鈕點擊了"); }]; } //OC調(diào)用JS -(void)webViewDidFinishLoad:(UIWebView *)webView{ NSLog(@"webViewDidFinishLoad"); [self.bridge callHandler:@"registerHandler"]; }
感謝閱讀,希望能幫助到大家,謝謝大家對本站的支持!
- Android WebView的使用方法及與JS 相互調(diào)用
- Android編程使用WebView實現(xiàn)與Javascript交互的方法【相互調(diào)用參數(shù)、傳值】
- 淺談js中子頁面父頁面方法 變量相互調(diào)用
- 基于js里調(diào)用函數(shù)時,函數(shù)名帶括號和不帶括號的區(qū)別
- JS中使用apply方法通過不同數(shù)量的參數(shù)調(diào)用函數(shù)的方法
- JavaScript中調(diào)用函數(shù)的4種方式代碼實例
- Javascript調(diào)用函數(shù)方法的幾種方式介紹
- 一個Js文件函數(shù)中調(diào)用另一個Js文件函數(shù)的方法演示
相關(guān)文章
iOS實時監(jiān)控網(wǎng)絡(luò)狀態(tài)的改變
這篇文章主要為大家詳細(xì)介紹了iOS實時監(jiān)控網(wǎng)絡(luò)狀態(tài)的改變的相關(guān)資料,感興趣的小伙伴們可以參考一下2016-08-08實例講解如何在iOS應(yīng)用開發(fā)中使用設(shè)計模式中的代理模式
這篇文章主要介紹了實例講解如何在iOS應(yīng)用開發(fā)中使用設(shè)計模式中的代理模式,示例為傳統(tǒng)的Objective-C語言代碼,需要的朋友可以參考下2016-03-03