WKWebView使用之OC調(diào)用JS

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

最后編輯于
?著作權歸作者所有,轉載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容