swift-初探webView與JS交互

公司接下來(lái)的項(xiàng)目需要用swift內(nèi)嵌h5來(lái)實(shí)現(xiàn), 以前沒(méi)有做過(guò)swift項(xiàng)目, 現(xiàn)在慢慢將所學(xué)的一點(diǎn)一滴記錄一下 一個(gè)是怕自己忘了- =, 再就是希望大家看到能幫助我哈哈哈
前幾天想要直接用swift上手- =發(fā)現(xiàn)連初始化什么的都給忘記了, 又乖乖回去先用OC簡(jiǎn)單的做了一個(gè)webView的界面
效果如下:

接下來(lái), 我就一點(diǎn)點(diǎn)的把OC的代碼用swift編寫了


import UIKit
//要導(dǎo)入JavaScriptCore.framework庫(kù)
import JavaScriptCore

//在此簽訂UIWebViewDelegate協(xié)議
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)

        //開始運(yùn)行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)
        
        //前進(jìn)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)
        
 
        //設(shè)置代理(不要忘記!如果不設(shè)置就無(wú)法調(diào)用webView的代理方法)
        webView.delegate = self

    
    }
    /**
     * parameters就是參數(shù)茁计,return type是返回類型
 
       func <#name#>(<#parameters#>) -> <#return type#> {
             <#function body#>
        }
    */
    func btnAction(btn:UIButton){
        //加載textfield中的網(wǎng)址
        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()
    }
    
    /**
      *網(wǎng)頁(yè)加載完成調(diào)用此方法
      */
    func webViewDidFinishLoad(webView: UIWebView) {
        //調(diào)用提示框方法
        setAlertShow()
        
    }
    
    //顯示提示框
    func setAlertShow() {
        
        let jsString = String(format:"alert(123)")
        print(jsString)
        //交互
        webView.stringByEvaluatingJavaScriptFromString(jsString)
       
    }

運(yùn)行效果如下:

swift版webView.gif
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市住诸,隨后出現(xiàn)的幾起案子擂达,更是在濱河造成了極大的恐慌屡谐,老刑警劉巖,帶你破解...
    沈念sama閱讀 219,188評(píng)論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件适贸,死亡現(xiàn)場(chǎng)離奇詭異盗飒,居然都是意外死亡烈拒,警方通過(guò)查閱死者的電腦和手機(jī)圆裕,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,464評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門广鳍,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)荆几,“玉大人,你說(shuō)我怎么就攤上這事赊时《种” “怎么了?”我有些...
    開封第一講書人閱讀 165,562評(píng)論 0 356
  • 文/不壞的土叔 我叫張陵祖秒,是天一觀的道長(zhǎng)诞吱。 經(jīng)常有香客問(wèn)我,道長(zhǎng)竭缝,這世上最難降的妖魔是什么房维? 我笑而不...
    開封第一講書人閱讀 58,893評(píng)論 1 295
  • 正文 為了忘掉前任,我火速辦了婚禮抬纸,結(jié)果婚禮上咙俩,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好阿趁,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,917評(píng)論 6 392
  • 文/花漫 我一把揭開白布膜蛔。 她就那樣靜靜地躺著,像睡著了一般脖阵。 火紅的嫁衣襯著肌膚如雪皂股。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,708評(píng)論 1 305
  • 那天命黔,我揣著相機(jī)與錄音呜呐,去河邊找鬼。 笑死悍募,一個(gè)胖子當(dāng)著我的面吹牛卵史,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播搜立,決...
    沈念sama閱讀 40,430評(píng)論 3 420
  • 文/蒼蘭香墨 我猛地睜開眼以躯,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了啄踊?” 一聲冷哼從身側(cè)響起忧设,我...
    開封第一講書人閱讀 39,342評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎颠通,沒(méi)想到半個(gè)月后址晕,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,801評(píng)論 1 317
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡顿锰,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,976評(píng)論 3 337
  • 正文 我和宋清朗相戀三年谨垃,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片硼控。...
    茶點(diǎn)故事閱讀 40,115評(píng)論 1 351
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡刘陶,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出牢撼,到底是詐尸還是另有隱情匙隔,我是刑警寧澤,帶...
    沈念sama閱讀 35,804評(píng)論 5 346
  • 正文 年R本政府宣布熏版,位于F島的核電站纷责,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏撼短。R本人自食惡果不足惜再膳,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,458評(píng)論 3 331
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望曲横。 院中可真熱鬧喂柒,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,008評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至吭露,卻和暖如春吠撮,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背讲竿。 一陣腳步聲響...
    開封第一講書人閱讀 33,135評(píng)論 1 272
  • 我被黑心中介騙來(lái)泰國(guó)打工泥兰, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人题禀。 一個(gè)月前我還...
    沈念sama閱讀 48,365評(píng)論 3 373
  • 正文 我出身青樓鞋诗,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親迈嘹。 傳聞我的和親對(duì)象是個(gè)殘疾皇子削彬,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,055評(píng)論 2 355

推薦閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢(shì)1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 172,180評(píng)論 25 707
  • 我想象中的未來(lái)是在大學(xué)畢業(yè)后在拍照和旅行中度過(guò)的,但我深知我做不到如此灑脫秀仲。身邊的同學(xué)都說(shuō)這想法好難實(shí)現(xiàn)融痛。但我相...
    沈語(yǔ)甜閱讀 994評(píng)論 0 1
  • 挑戰(zhàn)365天|第2天 文/依依思言 我所在的科室是神經(jīng)外科,也叫腦外科神僵。收治的病人雁刷,通常不是腦外傷就是腦腫瘤、腦出...
    依依思言閱讀 2,043評(píng)論 13 8
  • 越來(lái)越深信人可以選擇性的失憶,最近看見什么會(huì)想到什么炮障,而且之前經(jīng)歷的痛苦不安也是真的一點(diǎn)都沒(méi)有印象目派。 最近時(shí)不時(shí)地...
    安子暖暖閱讀 320評(píng)論 0 2
  • 昨晚21點(diǎn)在公司的微信工作群宣布三條工作規(guī)定:1、令行禁止铝阐;2址貌、有指令,必有回應(yīng)徘键;3、多溝通遍蟋,少埋怨吹害。要求...
    三無(wú)農(nóng)夫閱讀 775評(píng)論 0 1