美文网首页webview
Html5和OC交互的简单用法

Html5和OC交互的简单用法

作者: iOS_小胜 | 来源:发表于2016-06-28 17:52 被阅读411次

调用webView加载页面暂时先不说这边只讲方法之间的交互

1.JS调OC的方法

首先在父类中导入JS框架,创建webView,遵守协议方法

我的理解是,通过路径获取JS的环境,然后将本身这个类传给JS,这里app是跟JS调用的时候约定好的类名 可以看JS这边的代码就明白了,js这边通过这个类名来调用OC类中的方法

问题来了,就是怎么让JS中知道传过来的app中有什么方法呢

定义一个协议,继承JSExport,JSExport也是一个协议,但是什么东西都没有,这里我也不明白为啥继承了它就能调到方法了!(至于这里的方法命和作用,我们是用马克飞象写一个文档给前端)

注意:这里协议中方法的写法是很讲究的哦!

看图说话:

1.没参数没返回值的方法:直接用OC的写法

2.没参数但是有返回值的方法:直接用OC的写法

3.有返回值的方法:以下图中的写法

PropertyName:JS中调用带参数方法的名字

Selector:OC的方法全名

下图是JS中调用OC对应有参数的方法

这样只要在.m中写下方法实现就可以了,下面是截图的.h和.m的截图代码

2.OC调JS的方法

比如在封装webView类的子类中创建了一个button:

实现button的点击方法中调用JS的show()方法

对比下JS这边的代码就知道

调用JS方法,运行结果:

这里只是个例子,其实最后这个OC调 JS的方法也封装在父类中,到时候子类直接调就可以了。以上仅供参考还有更多不同情况根据需求处理

(更新中...)

相关文章

  • Html5和OC交互的简单用法

    调用webView加载页面暂时先不说这边只讲方法之间的交互 1.JS调OC的方法 首先在父类中导入JS框架,创建w...

  • oc 与js 的原生交互

    参考 总评: oc 与js的交互,1.有原生的方式,oc 调js简单,js调oc 麻烦(协议拦截"实现的交互方式)...

  • IOS中OC与JS交互(一)

    随着程序的开发,发现IOS中使用OC和js的交互越越多,这里就先做以下对简单的OC与JS交互,进行总结。总体效果如...

  • iOS(OC\swift)-javascript交互

    OC与JS的交互 OC调用JS GitHub这是我写的一个简单OC与JS的交互,这个demo使用的是JavaScr...

  • 其他资料

    1.JavaScript和OC交互 iOS开发:JavaScriptCore.framework的简单使用--JS...

  • WKWebView JS与OC互相调用

    在WKWebView中OC和JS交互也非常简单,WebKit库中有个代理WKScriptMessageHandle...

  • WKWebView JS与OC互相调用

    在WKWebView中OC和JS交互也非常简单,WebKit库中有个代理WKScriptMessageHandle...

  • ios WKWebView H5中和OC 交互

    项目中用到H5页面 和原生OC的交互,简单记录一下 H5 和OC 交互的方法有几个,先写其中一个 1 . H5 向...

  • OC与JS交互

    OC与JS交互前言 OC与JS交互之UIWebView OC与JS交互之WebViewJavascriptBrid...

  • OC和JS交互、JS和OC交互

    现在做开发 很多会出现交互问题 我在公司项目中也会用到交互 下面我大致写下 交互的代码 - (void)loadW...

网友评论

    本文标题:Html5和OC交互的简单用法

    本文链接:https://www.haomeiwen.com/subject/zoutjttx.html