swift-初探webView与JS交互

公司接下来的项目需要用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