ios端，H5调oc，oc调H5（转的别人的，仅供参考、笔记。已实践）

最新推荐文章于 2024-04-28 16:11:10 发布

转载最新推荐文章于 2024-04-28 16:11:10 发布 · 535 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://juejin.im/post/5c04c692f265da612909ef60

文章标签：

#人工智能 #面试 #javascript #ViewUI

本文详细介绍了如何在Objective-C中使用JavaScriptCore框架与JavaScript进行交互。通过实例演示了Objective-C调用JavaScript函数、接收返回值及JavaScript调用Objective-C的方法。文章提供了完整的代码示例，包括设置UIWebView、加载HTML页面、实现事件监听和错误处理。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

原文：https://www.jianshu.com/p/a5183d8d4a65

H5：<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> </head> <body> <div style="margin-top: 100px"> <h1>Objective-C和JavaScript交互</h1> </div> <div> <input type="button" value="oc掉用js弹出提示->" onclick="clickAction0(11)"> <input type="button" value="js调用oc->" onclick="clickbtn()"> </div> <script type="text/javascript"> // js函数 function clickAction0(typyId) { alert(typyId) } function clickAction1(typyId) { alert(typyId) } function clickAction2(typyId) { alert(typyId); return 'hello'; } function clickbtn() { var tempValue = window.AndroidWebView.indexOfMap(); alert(tempValue); } </script> </body> </html>

导入依赖库
JavaScriptCore.framework
#import <UIKit/UIKit.h>
#import <JavaScriptCore/JavaScriptCore.h>
@protocol JSObjcDelegate <JSExport> // AndroidWebView对象调用的JavaScript方法，必须声明！！！
- (int)indexOfMap;
@end
@interface ViewController : UIViewController <UIWebViewDelegate,JSObjcDelegate> @property (nonatomic, strong) JSContext *context;
@property (weak, nonatomic) IBOutlet UIWebView *webView;
@end

加载网页（此处本地）
- (void)viewDidLoad {
[super viewDidLoad];
self.webView.delegate = self;
self.webView.scalesPageToFit = YES;//自动对页面进行缩放以适应屏幕 // 加载本地的html测试js
NSURL *baseURL = [NSURL fileURLWithPath:[[NSBundle mainBundle] bundlePath]]; NSString *path = [[NSBundle mainBundle] pathForResource:@"testJsFunc" ofType:@"html"];
NSString *html = [NSString stringWithContentsOfFile:path encoding:NSUTF8StringEncoding error:nil];
[self.webView loadHTMLString:html baseURL:baseURL]; // Do any additional setup after loading the view, typically from a nib.
}
实现交互
- (void)webViewDidFinishLoad:(UIWebView *)webView {
// 获取context对象
self.context = [self.webView valueForKeyPath:@"documentView.webView.mainFrame.javaScriptContext"]; //将AndroidWebView对象指向自身 js里面写window.AndroidWebView.indexOfMap() 就会调用原生里的indexOfMap方法
self.context[@"AndroidWebView"] = self;
self.context.exceptionHandler = ^(JSContext *context, JSValue *exceptionValue) { context.exception = exceptionValue;
NSLog(@"异常信息：%@", exceptionValue); };
// 获取到点击js按钮的事件 self.context[@"clickAction0"] = ^(){
NSLog(@"获取到点击js按钮的事件"); };
// oc调用js函数并传参 js无返回值
NSString *jsAction = @"clickAction1(555)";
[self.context evaluateScript:jsAction];
// oc调用js函数并传参接收js返回值
NSString *str1 = [webView stringByEvaluatingJavaScriptFromString:@"clickAction2(666);"];
NSLog(@"js函数给我的返回值：%@", str1); } /** 待js调用 */
- (int)indexOfMap {
NSLog(@"我被js调用了");
return 110;
}

关于怎么接受JS 传过来的参数，事件已经捕获到了

// 获取到点击js按钮的事件
self.jsContext[@"clickAction"] = ^(){
[DLHelper showHud:@""];
NSArray *args = [JSContext currentArguments];
for (id obj in args) {
//JS 传过来的参数
NSURL *url = [NSURL URLWithString:[NSString stringWithFormat:@"%@",obj]];
UIImageView *tempIV = [[UIImageView alloc] initWithFrame:CGRectMake(0, 0, 0.001, 0.001)];
[ws.view addSubview:tempIV];
[tempIV sd_setImageWithURL:url completed:^(UIImage *image, NSError *error, SDImageCacheType cacheType, NSURL *imageURL) {
if (image) {
// 保存图片
[tempIV removeFromSuperview];

UIImageWriteToSavedPhotosAlbum(image, ws, @selector(image:didFinishSavingWithError:contextInfo:), nil);
}else{
[DLHelper toast:Localized(@"En_SaveFail")];

}
}];
}