您的位置:首页 > 移动开发 > IOS开发

iOS和JS之间的交互

2016-03-07 15:26 381 查看
iOS调用JS的方法:

//js方法名+参数
NSString* jsCode = [NSString stringWithFormat:@"initCarLicenseInfo('%@')",object];

//调用html页面的js方法
[webView stringByEvaluatingJavaScriptFromString:jsCode];
JS调用iOS的方法:

这里iOS通过拦截H5触发的alert来实现调用,H5触发一个alert弹窗,将要调用的iOS方法名作为弹窗内容,iOS这边通过以下方法拦截这个弹窗,获取到方法名称,然后实现调用

@interface UIWebView (JavaScriptAlert)
- (void)webView:(UIWebView *)sender runJavaScriptAlertPanelWithMessage:(NSString *)message initiatedByFrame:(CGRect *)frame;
@end
@implementation UIWebView (JavaScriptAlert)
- (void)webView:(UIWebView *)sender runJavaScriptAlertPanelWithMessage:(NSString *)message initiatedByFrame:(CGRect *)frame {
if ([message isEqualToString:kShowTakePhotoButton]) {
[[NSNotificationCenter defaultCenter] postNotificationName:kShowTakePhotoButton object:message];
}
else if([message isEqualToString:kHideTakePhotoButton]) {
[[NSNotificationCenter defaultCenter] postNotificationName:kHideTakePhotoButton object:message];
}
else
{
[DXCommon showAlertMessage:message];
}

NSLog(@"h5 message = %@",message);
}

@end

只要将以上类别导入到iOS工程中去就OK了,方法的实现是app工具自己的情况去实现,例如这里我拦截到kShowTakePhotoButton和kHideTakePhotoButton的时候分别抛出通知调用相应的方法,并且没有弹框,其他时候正常弹框;

实现类似微信里面浏览H5:

加载H5的并使用原生导航栏的时候,我们通过webView.canGoBack来判断是否是返回到最后一级页面,如果不是最后一级,添加关闭按钮(实现导航控制器pop),而返回按钮实现[webView
goBack];方法来实现返回上一级页面,否则导航控制器pop;
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  iOS JS