WKWebView使用之OC調用JS

在前面我們講了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自己的原生彈窗,我們可以通過自己的需求,對其進行定制。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容