OC与JS互相调用

最近项目中要用到html5来实现，涉及到OC调用JS，以及JS调用OC的方法，这里把遇到的问题以及实现方法介绍一下。

创新互联公司专注于企业成都全网营销、网站重做改版、河池网站定制设计、自适应品牌网站建设、HTML5、商城网站建设、集团公司官网建设、外贸营销网站建设、高端网站制作、响应式网页设计等建站业务，价格优惠性价比高，为河池等各大城市提供网站开发制作服务。

1. //  

2. //  ViewController.h  

3. //  OC_And_JS  

4. //  

5. //  Created by 张杰 on 15/7/9.  

6. //  Copyright  2015年 张杰. All rights reserved.  

7. //  

8.   

9. #import   

10.   

11. @interface ViewController : UIViewController   

12.   

13. @property (weak, nonatomic) IBOutlet UIButton *oc_call_js_no_params;  

14. @property (weak, nonatomic) IBOutlet UIButton *oc_call_js_has_params;  

15. @property (weak, nonatomic) IBOutlet UIWebView *mWebView;  

16. @property (weak, nonatomic) IBOutlet UILabel *js_call_oc_show;  

17.   

18. - (IBAction)ocCallJsNoParams:(id)sender;  

19. - (IBAction)ocCallJsHasParams:(id)sender;  

20.   

21.   

22. @end  

[objc] view plain copy

1. //  

2. //  ViewController.m  

3. //  OC_And_JS  

4. //  

5. //  Created by 张杰 on 15/7/9.  

6. //  Copyright  2015年 张杰. All rights reserved.  

7. //  

8.   

9. #import "ViewController.h"  

10.   

11. @interface ViewController ()  

12.   

13. @end  

14.   

15. @implementation ViewController  

16.   

17. - (void)viewDidLoad {  

18.     [super viewDidLoad];  

19.     _mWebView.delegate = self;  

20.       

21.     //打开URL  

22.     NSString *path = [[NSBundle mainBundle] pathForResource:@"index" ofType:@"html"];  

23.     [self.mWebView loadRequest:[NSURLRequest requestWithURL:[NSURL fileURLWithPath: path]]];  

24. }  

25.   

26. - (BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType{  

27.     NSString *urlstr = request.URL.absoluteString;  

28.     NSRange range = [urlstr rangeOfString:@"ios://jwzhangjie"];  

29.     if (range.length!=0) {  

30.         _js_call_oc_show.text = [NSString stringWithFormat:@"请访问地址：%@", urlstr];  

31.     }  

32.     return YES;  

33. }  

34.   

35. -(void)webView:(nonnull UIWebView *)webView didFailLoadWithError:(nullable NSError *)error{  

36.     NSLog(@"加载失败");  

37. }  

38.   

39. -(void)webViewDidStartLoad:(nonnull UIWebView *)webView{  

40.     NSLog(@"开始加载");  

41. }  

42.   

43.   

44. -(void)webViewDidFinishLoad:(nonnull UIWebView *)webView{  

45.     NSLog(@"开始结束");  

46. //    对于调用js的时候最好这个方法里面或者之后  

47. }  

48.   

49.   

50. - (void)didReceiveMemoryWarning {  

51.     [super didReceiveMemoryWarning];  

52.     // Dispose of any resources that can be recreated.  

53. }  

54.   

55.   

56.   

57. - (IBAction)ocCallJsNoParams:(id)sender {  

58.     NSString *js = [NSString stringWithFormat:@"ocCallJsNoParamsFunction();"];  

59.     [self.mWebView stringByEvaluatingJavaScriptFromString:js];  

60. }  

61.   

62. - (IBAction)ocCallJsHasParams:(id)sender {  

63.     NSString *js = [NSString stringWithFormat:@"ocCallJsHasParamsFunction('%@','%@');",@"jwzhangjie",@"http://jwzhangjie.cn"];  

64.     [self.mWebView stringByEvaluatingJavaScriptFromString:js];  

65. }  

66. @end  

[javascript] view plain copy

1. function ocCallJsNoParamsFunction()  

2. {  

3.     alert("OC调用JS中的无参方法");  

4.     var e = document.getElementById("js_shouw_text");  

5.     e.options.add(new Option("OC调用JS中的无参方法", 2));  

6. }  

7.   

8. function ocCallJsHasParamsFunction(name, url)  

9. {  

10.     alert(name+"的博客地址为："+url);  

11.     var e = document.getElementById("js_shouw_text");  

12.     e.options.add(new Option("OC调用JS中的有参方法", 2));  

13. }  

[html] view plain copy

1.   

2.   

3.   

4.       

5.       

6.   

7.   

8.       

9.           

10.               

11.                 展示OC调用JS无参数  

12.               

13.           

14.