Html5和OC交互的简单用法

调用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的方法也封装在父类中,到时候子类直接调就可以了。以上仅供参考还有更多不同情况根据需求处理

(更新中...)

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 前言### 最近公司项目进行比较激烈,没有时间写demo,但是时间就像是海绵里的水,挤挤总是会有的。在公司的项目中...
    摸着石头过河_崖边树阅读 2,306评论 2 14
  • 随着H5技术的兴起,在iOS开发过程中,难免会遇到原生应用需要和H5页面交互的问题。其中会涉及方法调用及参数传值等...
    Chris_js阅读 3,109评论 1 8
  • 一、JavaScriptCore常用的类 JavaScriptCore作用:JavaScriptCore是苹果原生...
    CoderZS阅读 910评论 0 8
  • 自从爷爷说让我把户口迁回上海,直到如今看到自己的所谓的上海户口,我并没有感到回家的感觉! 我最近忙于帮爸爸生意的事...
    庄苏阅读 682评论 0 2
  • 寄往事于前尘, 完完整整, 欲语无声。 寄相思于清风, 切切真真, 于怀耿耿。 待往事随风, 思念成疾, 默默 捎...
    公羽家姑娘阅读 281评论 0 0