TOP

【Swift】WKWebView与JS的交互使用(二)
2019-08-15 00:11:51 】 浏览:541
Tags:Swift WKWebView 交互 使用

">点击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 { <!-- js 向iOS 传递数据--> 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只有  
		

请关注公众号获取更多资料


【Swift】WKWebView与JS的交互使用(二) https://www.cppentry.com/bencandy.php?fid=89&id=229047

首页 上一页 1 2 3 4 5 下一页 尾页 2/5/5
】【打印繁体】【投稿】【收藏】 【推荐】【举报】【评论】 【关闭】 【返回顶部
上一篇zap+日志分级分文件+按时间切割日.. 下一篇ubuntu 下 go 语言调试器 dlv 的..