在前面我們講了JS調用OC的方法,今天再來探討一下OC調用JS的方法。這里我們同樣使用的是WKWbView
。
1.首先我們來看一下html
部分的代碼:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>OC調用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
調用該方法,彈出message
。
2.下面看一下OC
端方法的實現。
首先要實例化一個WKWebView
,這里如果沒有JS
調用OC
的功能的話,就需要配置WKWebViewConfiguration
,對于WKWebView
的實例化這里就不再贅述。
接下來就是對JS
方法的調用,我們在需要調用JS
方法的位置加上下面代碼:
[self.webView evaluateJavaScript:@"alertMessage('hello')" completionHandler:^(id _Nullable item, NSError * _Nullable error) {
NSLog(@"alert");
}];
其中alertMessage('hello')
就是html
中預留的方法,completionHandler
會在JS
方法執行完后執行。
這樣就能實現OC
調用JS
方法,但是當我們運行的時候我們會發現,并沒有出現彈框,這是為什么呢?在前面的WKWebView使用之WKUIDelegate中,我們已經說過,當使用WKWebView
時,html
的彈窗將不會再顯示,那想顯示彈窗,我們需要實現WKUIDelegate
的代理方法,代碼如下:
首先要遵守WKUIDelegate
代理:
_webView.UIDelegate = self;
接下來實現代理方法:
#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()就是調用JS方法時,`evaluateJavaScript`方法中的completionHandler
}];
[alert addAction:action];
[self presentViewController:alert animated:YES completion:nil];
}
這樣,彈窗就會顯示出來了,而且是iOS自己的原生彈窗,我們可以通過自己的需求,對其進行定制。