Html5和OC交互的簡單用法

調(diào)用webView加載頁面暫時先不說這邊只講方法之間的交互

1.JS調(diào)OC的方法

首先在父類中導入JS框架慨默,創(chuàng)建webView,遵守協(xié)議方法

我的理解是耻瑟,通過路徑獲取JS的環(huán)境买喧,然后將本身這個類傳給JS,這里app是跟JS調(diào)用的時候約定好的類名
可以看JS這邊的代碼就明白了匆赃,js這邊通過這個類名來調(diào)用OC類中的方法

問題來了淤毛,就是怎么讓JS中知道傳過來的app中有什么方法呢

定義一個協(xié)議,繼承JSExport算柳,JSExport也是一個協(xié)議低淡,但是什么東西都沒有,這里我也不明白為啥繼承了它就能調(diào)到方法了K蚕睢(至于這里的方法命和作用蔗蹋,我們是用馬克飛象寫一個文檔給前端)

注意:這里協(xié)議中方法的寫法是很講究的哦!

看圖說話:

1.沒參數(shù)沒返回值的方法:直接用OC的寫法

2.沒參數(shù)但是有返回值的方法:直接用OC的寫法

3.有返回值的方法:以下圖中的寫法

PropertyName:JS中調(diào)用帶參數(shù)方法的名字

Selector:OC的方法全名

下圖是JS中調(diào)用OC對應有參數(shù)的方法

這樣只要在.m中寫下方法實現(xiàn)就可以了囱淋,下面是截圖的.h和.m的截圖代碼


2.OC調(diào)JS的方法

比如在封裝webView類的子類中創(chuàng)建了一個button:

實現(xiàn)button的點擊方法中調(diào)用JS的show()方法

對比下JS這邊的代碼就知道

調(diào)用JS方法猪杭,運行結(jié)果:

這里只是個例子,其實最后這個OC調(diào) JS的方法也封裝在父類中妥衣,到時候子類直接調(diào)就可以了皂吮。以上僅供參考還有更多不同情況根據(jù)需求處理

(更新中...)

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末戒傻,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子蜂筹,更是在濱河造成了極大的恐慌需纳,老刑警劉巖,帶你破解...
    沈念sama閱讀 216,470評論 6 501
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件艺挪,死亡現(xiàn)場離奇詭異不翩,居然都是意外死亡,警方通過查閱死者的電腦和手機麻裳,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,393評論 3 392
  • 文/潘曉璐 我一進店門口蝠,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人津坑,你說我怎么就攤上這事亚皂。” “怎么了国瓮?”我有些...
    開封第一講書人閱讀 162,577評論 0 353
  • 文/不壞的土叔 我叫張陵灭必,是天一觀的道長。 經(jīng)常有香客問我乃摹,道長禁漓,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,176評論 1 292
  • 正文 為了忘掉前任孵睬,我火速辦了婚禮播歼,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘掰读。我一直安慰自己秘狞,他們只是感情好,可當我...
    茶點故事閱讀 67,189評論 6 388
  • 文/花漫 我一把揭開白布蹈集。 她就那樣靜靜地躺著烁试,像睡著了一般。 火紅的嫁衣襯著肌膚如雪拢肆。 梳的紋絲不亂的頭發(fā)上减响,一...
    開封第一講書人閱讀 51,155評論 1 299
  • 那天,我揣著相機與錄音郭怪,去河邊找鬼支示。 笑死,一個胖子當著我的面吹牛鄙才,可吹牛的內(nèi)容都是我干的颂鸿。 我是一名探鬼主播,決...
    沈念sama閱讀 40,041評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼攒庵,長吁一口氣:“原來是場噩夢啊……” “哼嘴纺!你這毒婦竟也來了败晴?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 38,903評論 0 274
  • 序言:老撾萬榮一對情侶失蹤颖医,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后裆蒸,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體熔萧,經(jīng)...
    沈念sama閱讀 45,319評論 1 310
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,539評論 2 332
  • 正文 我和宋清朗相戀三年僚祷,在試婚紗的時候發(fā)現(xiàn)自己被綠了佛致。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 39,703評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡辙谜,死狀恐怖俺榆,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情装哆,我是刑警寧澤罐脊,帶...
    沈念sama閱讀 35,417評論 5 343
  • 正文 年R本政府宣布,位于F島的核電站蜕琴,受9級特大地震影響萍桌,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜凌简,卻給世界環(huán)境...
    茶點故事閱讀 41,013評論 3 325
  • 文/蒙蒙 一上炎、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧雏搂,春花似錦藕施、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,664評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至芙沥,卻和暖如春胞谈,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背憨愉。 一陣腳步聲響...
    開封第一講書人閱讀 32,818評論 1 269
  • 我被黑心中介騙來泰國打工烦绳, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人配紫。 一個月前我還...
    沈念sama閱讀 47,711評論 2 368
  • 正文 我出身青樓径密,卻偏偏與公主長得像,于是被迫代替她去往敵國和親躺孝。 傳聞我的和親對象是個殘疾皇子享扔,可洞房花燭夜當晚...
    茶點故事閱讀 44,601評論 2 353

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

  • 前言### 最近公司項目進行比較激烈底桂,沒有時間寫demo,但是時間就像是海綿里的水惧眠,擠擠總是會有的籽懦。在公司的項目中...
    摸著石頭過河_崖邊樹閱讀 2,288評論 2 14
  • 隨著H5技術(shù)的興起,在iOS開發(fā)過程中氛魁,難免會遇到原生應用需要和H5頁面交互的問題暮顺。其中會涉及方法調(diào)用及參數(shù)傳值等...
    Chris_js閱讀 3,068評論 1 8
  • 一、JavaScriptCore常用的類 JavaScriptCore作用:JavaScriptCore是蘋果原生...
    CoderZS閱讀 904評論 0 8
  • 自從爺爺說讓我把戶口遷回上海秀存,直到如今看到自己的所謂的上海戶口捶码,我并沒有感到回家的感覺! 我最近忙于幫爸爸生意的事...
    莊蘇閱讀 671評論 0 2
  • 寄往事于前塵或链, 完完整整惫恼, 欲語無聲。 寄相思于清風澳盐, 切切真真祈纯, 于懷耿耿。 待往事隨風叼耙, 思念成疾盆繁, 默默 捎...
    公羽家姑娘閱讀 273評論 0 0