在前面我們講了JS調(diào)用OC的方法,今天再來探討一下OC調(diào)用JS的方法。這里我們同樣使用的是WKWbView。
1.首先我們來看一下html部分的代碼:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>OC調(diào)用JS</title>
<script type="text/javascript">
function alertMessage(message) {
alert(message);
}
</script>
</head>
<body>
</br></br></br></br>
<!-- <button type="button" onclick="alertMessage()">showAlert</button>-->
</body>
</html>
html部分非常簡單,只是定義了一個alertMessage方法,為了讓OC調(diào)用該方法,彈出message。
2.下面看一下OC端方法的實現(xiàn)。
首先要實例化一個WKWebView,這里如果沒有JS調(diào)用OC的功能的話,就需要配置WKWebViewConfiguration,對于WKWebView的實例化這里就不再贅述。
接下來就是對JS方法的調(diào)用,我們在需要調(diào)用JS方法的位置加上下面代碼:
[self.webView evaluateJavaScript:@"alertMessage('hello')" completionHandler:^(id _Nullable item, NSError * _Nullable error) {
NSLog(@"alert");
}];
其中alertMessage('hello')就是html中預留的方法,completionHandler會在JS方法執(zhí)行完后執(zhí)行。
這樣就能實現(xiàn)OC調(diào)用JS 方法,但是當我們運行的時候我們會發(fā)現(xiàn),并沒有出現(xiàn)彈框,這是為什么呢?在前面的WKWebView使用之WKUIDelegate中,我們已經(jīng)說過,當使用WKWebView時,html的彈窗將不會再顯示,那想顯示彈窗,我們需要實現(xiàn)WKUIDelegate的代理方法,代碼如下:
首先要遵守WKUIDelegate代理:
_webView.UIDelegate = self;
接下來實現(xiàn)代理方法:
#pragma mark WKUIDelegate
- (void)webView:(WKWebView *)webView runJavaScriptAlertPanelWithMessage:(NSString *)message initiatedByFrame:(WKFrameInfo *)frame completionHandler:(void (^)(void))completionHandler
{
UIAlertController *alert = [UIAlertController alertControllerWithTitle:@"Warning" message:message preferredStyle:UIAlertControllerStyleAlert];
UIAlertAction *action = [UIAlertAction actionWithTitle:@"ok" style:UIAlertActionStyleCancel handler:^(UIAlertAction * _Nonnull action) {
completionHandler();//此處的completionHandler()就是調(diào)用JS方法時,`evaluateJavaScript`方法中的completionHandler
}];
[alert addAction:action];
[self presentViewController:alert animated:YES completion:nil];
}
這樣,彈窗就會顯示出來了,而且是iOS自己的原生彈窗,我們可以通過自己的需求,對其進行定制。