• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

swift-初探webView与JS交互

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

公司接下来的项目需要用swift内嵌h5来实现, 以前没有做过swift项目, 现在慢慢将所学的一点一滴记录一下 一个是怕自己忘了- =, 再就是希望大家看到能帮助我哈哈哈
前几天想要直接用swift上手- =发现连初始化什么的都给忘记了, 又乖乖回去先用OC简单的做了一个webView的界面
效果如下:


接下来, 我就一点点的把OC的代码用swift编写了

import UIKit
//要导入JavaScriptCore.framework库
import JavaScriptCore

//在此签订UIWebViewDelegate协议
class ViewController: UIViewController, UIWebViewDelegate {
    //输入框
    var textFiled = UITextField.init()
    var webView = UIWebView.init()


    override func viewDidLoad() {
        super.viewDidLoad()
        // Do any additional setup after loading the view, typically from a nib.   

        //初始化textfield
        textFiled.frame = CGRectMake(20, 40, 260, 30)
        textFiled.borderStyle = .Bezel
        textFiled.clearButtonMode = .WhileEditing
        textFiled.backgroundColor = UIColor.whiteColor()
        self.view.addSubview(textFiled)

        //开始运行btn
        let btn = UIButton.init(frame: CGRectMake(290, 40, 30, 30))
        btn.setTitle("GO", forState: UIControlState.Normal)
        btn.setTitleColor(UIColor.blueColor(), forState: UIControlState.Normal)
        btn.addTarget(self, action: #selector(ViewController.btnAction(_:)), forControlEvents: UIControlEvents.TouchUpInside)
        self.view.addSubview(btn)

        //后退btn
        let backBtn = UIButton.init(frame: CGRectMake(btn.frame.origin.x + 40, btn.frame.origin.y, 30, 30))
        backBtn.setTitle("<", forState: UIControlState.Normal)
        backBtn.setTitleColor(UIColor.blueColor(), forState: UIControlState.Normal)
        backBtn.addTarget(self, action: #selector(ViewController.backBtnAction(_:)), forControlEvents: UIControlEvents.TouchUpInside)
        self.view.addSubview(backBtn)

        //前进btn
        let forwardBtn = UIButton.init(frame: CGRectMake(backBtn.frame.origin.x + 40, backBtn.frame.origin.y, 30, 30))
        forwardBtn.setTitle(">", forState: UIControlState.Normal)
        forwardBtn.setTitleColor(UIColor.blueColor(), forState: UIControlState.Normal)
        forwardBtn.addTarget(self, action: #selector(ViewController.forwardBtnAction(_:)), forControlEvents: UIControlEvents.TouchUpInside)
        self.view.addSubview(forwardBtn)


        webView.frame = CGRectMake(0, 80, UIScreen.mainScreen().bounds.width, UIScreen.mainScreen().bounds.height - 80)
        webView.backgroundColor = UIColor.lightGrayColor()
        self.view.addSubview(webView)


        //设置代理(不要忘记!如果不设置就无法调用webView的代理方法)
        webView.delegate = self


    }
    /**
     * parameters就是参数,return type是返回类型

       func <#name#>(<#parameters#>) -> <#return type#> {
             <#function body#>
        }
    */
    func btnAction(btn:UIButton){
        //加载textfield中的网址
        let request = NSURLRequest.init(URL: NSURL.init(string: "http://" + textFiled.text!)!)
        webView.loadRequest(request)

    }

    func backBtnAction(backBtn:UIButton) {
        webView.goBack()
    }

    func forwardBtnAction(forwardBtn:UIButton)  {
        webView.goForward()
    }

    /**
      *网页加载完成调用此方法
      */
    func webViewDidFinishLoad(webView: UIWebView) {
        //调用提示框方法
        setAlertShow()

    }

    //显示提示框
    func setAlertShow() {

        let jsString = String(format:"alert(123)")
        print(jsString)
        //交互
        webView.stringByEvaluatingJavaScriptFromString(jsString)

    }

运行效果如下:


swift版webView.gif

鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
几种跨平台解决方案:ReactNative、Kotlin、Flutter、Swift发布时间:2022-07-13
下一篇:
[Swift]LeetCode264.丑数II|UglyNumberII发布时间:2022-07-13
热门推荐
热门话题
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap