公司员工端项目还剩最后一块js交互剩着,由于项目是仿安卓端做的,之前做安卓的那个走了好久,问现在的安卓他也是一头雾水,自己搞了一个星期,也是云里雾里。
对于交互这一块,安卓实现起来非常的方便,一句addJavascriptInterface就能解决,而iOS则比较麻烦特别是对于我这种.............
![](https://i-blog.csdnimg.cn/blog_migrate/5d8ad3f1c05136a2e942e7848f3a08e5.webp?x-image-process=image/format,png)
Show The Code :
ios js 交互分为两块:
1.oc调用js
这一块实现起来比较简单,
我的项目中加载的是本地的html,js,css,需要注意的是当你向工程中拖入这些文件时,选择如下操作,(拖入的文件夹是蓝色的,相对路径),不然css,js 的路径会存在问题
![](https://i-blog.csdnimg.cn/blog_migrate/dd61b4422576e11208af7aa92a259b09.webp?x-image-process=image/format,png)
加载本地html:
![](https://i-blog.csdnimg.cn/blog_migrate/cc1b7d9e2dfa3994eb4c6ff1c951ac17.webp?x-image-process=image/format,png)
oc调用js:一句代码搞定
![](https://i-blog.csdnimg.cn/blog_migrate/f82e5999f0dd2b6cd52d87d269ecd545.webp?x-image-process=image/format,png)
2.js 调用oc
js调用oc又分为两种:
1.js端是直接调用方法
这里就要说到ios7才推出的一个新的api JavaScriptCore,首先我们引入这个类,并初始化一个JSContext对象
![](https://i-blog.csdnimg.cn/blog_migrate/4edfa0aff9845ebd665e8ae4c5553434.webp?x-image-process=image/format,png)
在webViewDidFinishLoad方法里
此处通过当前webView的键获取到jscontext
![](https://i-blog.csdnimg.cn/blog_migrate/6dda1dd4e84b3e838567993f066dae60.webp?x-image-process=image/format,png)
将我们的context对象与js方法建立桥接联系,
![](https://i-blog.csdnimg.cn/blog_migrate/61e41bb86ee04042181a2f10b2679a3f.webp?x-image-process=image/format,png)
其中test1表示我们js里面的方法名,这个名字要你和后台约定好一样才行,ok,完事
2.js端通过对象调用方法
说到对象调方法我们首先肯定得有个对象,所以我们首先需要创建一个js交互类,并声明和实现相应的交互方法,在这里需要注意的是我们需要在这个自定义交互类里面导入JavaScriptCore框架,声明一个遵从于JSExport协议的协议(有点绕,看图),在这个协议里声明我们的交互方法,最后让我们的交互类遵从与我们自定义的协议
![](https://i-blog.csdnimg.cn/blog_migrate/454392ec9d3f95ac93b676b2b81ad137.webp?x-image-process=image/format,png)
![](https://i-blog.csdnimg.cn/blog_migrate/3787efaa90e1db6359139ce6158319b8.webp?x-image-process=image/format,png)
在交互类的.m中实现相应的js交互方法,并实现我们想要的操作
注意到图上的 JSExportAs(showconfirm, - (void)showconfirm:(NSString*)str Scripts:(NSString*)scripts); 这个方法没有,这个方法的作用是当js端的方法有两个或两个以上参数时,我们需要让- (void)showconfirm:(NSString*)str Scripts:(NSString*)scripts这个方法代替 showconfirm 这个方法,因为oc端的方法名必须和js端的保持一致,不然就不会调用
最后在我们的webViewDidFinishLoad方法里初始化我们的交互对象,并让 context 与之建立联系,ok,完事
![](https://i-blog.csdnimg.cn/blog_migrate/b7b2a7de436ff83b4a28a40c52591588.webp?x-image-process=image/format,png)