【Swift】WKWebView与JS的交互使用 - Swift

TOP

【Swift】WKWebView与JS的交互使用(二)

2019-08-15 00:11:51 【大中小】浏览:528次

">点击alert有参弹窗</button> <button onclick="testConfrim()">点击confrim弹窗</button> <button onclick="buttonAction()">向iOS端传递数据</button> <script type="text/java script"> //无参数函数 function testA() { alert("我是JS中的弹窗消息"); } //有参数函数 function testB(value) { alert(value); } function testC(value) { return value + "value"; } //接受iOS端传过来的参数， function testObject(name,age) { var object = {name:name,age:age}; return object; } function testConfrim() { comfirm("确定修改数据吗？") } function buttonAction(){ try {  window.webkit.messageHandlers.getMessage.postMessage("我是js传递过来的数据") }catch (e) { console.log(e) } } </script> </body> </html>

　　1、iOS调用js中的方法进行并传参

//案例1
self.webView?.eva luatejava script("testInput('123')", completionHandler: { (data
            , error) in
            print(data as Any)
        })
//案例2
self.webView?.eva luatejava script("testObject('xjf',26)", completionHandler: { (data, err) in
            print("\(String(describing: data)),\(String(describing: err))")
        })

　　2、js向iOS传递数据

    func userContentController(_ userContentController: WKUserContentController, didReceive message: WKScriptMessage) {
        print("\(message.name)" + "\(message.body)")
//        message.name 方法名
//        message.body 传递的数据
    }

　　3、在js中点击按钮，进行弹窗实现

    //MARK:WKUIDelegate
    //此方法作为js的alert方法接口的实现，默认弹出窗口应该只有提示消息，及一个确认按钮，当然可以添加更多按钮以及其他内容，但是并不会起到什么作用
    //点击确认按钮的相应事件，需要执行completionHandler，这样js才能继续执行
    ////参数 message为  js 方法 alert(<message>) 中的<message>
    func webView(_ webView: WKWebView, runjava scriptAlertPanelWithMessage message: String, initiatedByFrame frame: WKFrameInfo, completionHandler: @escaping () -> Void) {
        let alertViewController = UIAlertController(title: "提示", message:message, preferredStyle: UIAlertController.Style.alert)
        alertViewController.addAction(UIAlertAction(title: "确认", style: UIAlertAction.Style.default, handler: { (action) in
            completionHandler()
        }))
        self.present(alertViewController, animated: true, completion: nil)
    }
    
    // confirm
    //作为js中confirm接口的实现，需要有提示信息以及两个相应事件， 确认及取消，并且在completionHandler中回传相应结果，确认返回YES， 取消返回NO
    //参数 message为  js 方法 confirm(<message>) 中的<message>
    func webView(_ webView: WKWebView, runjava scriptConfirmPanelWithMessage message: String, initiatedByFrame frame: WKFrameInfo, completionHandler: @escaping (Bool) -> Void) {
        let alertVicwController = UIAlertController(title: "提示", message: message, preferredStyle: UIAlertController.Style.alert)
        alertVicwController.addAction(UIAlertAction(title: "取消", style: UIAlertAction.Style.cancel, handler: { (alertAction) in
            completionHandler(false)
        }))
        alertVicwController.addAction(UIAlertAction(title: "确定", style: UIAlertAction.Style.default, handler: { (alertAction) in
            completionHandler(true)
        }))
        self.present(alertVicwController, animated: true, completion: nil)
    }
    
    // prompt
    //作为js中prompt接口的实现，默认需要有一个输入框一个按钮，点击确认按钮回传输入值
    //当然可以添加多个按钮以及多个输入框，不过completionHandler只有

首页上一页 1 2 3 4 5 下一页尾页 2/5/5
【大中小】【打印】【繁体】【投稿】【收藏】【推荐】【举报】【评论】【关闭】【返回顶部】

上一篇：zap+日志分级分文件+按时间切割日..	下一篇：ubuntu 下 go 语言调试器 dlv 的..