zoukankan      html  css  js  c++  java
  • iOS JS 交互之利用系统JSContext实现 JS调用oc方法

    ios js 交互分为两块:

    1.oc调用js 

    这一块实现起来比较简单,

    我的项目中加载的是本地的html,js,css,需要注意的是当你向工程中拖入这些文件时,选择如下操作,(拖入的文件夹是蓝色的,相对路径),不然css,js 的路径会存在问题

    加载本地html:

    oc调用js:一句代码搞定

    2.js 调用oc

      js调用oc又分为两种:

     1.js端是直接调用方法

     

    这里就要说到ios7才推出的一个新的api    JavaScriptCore,首先我们引入这个类,并初始化一个JSContext对象

    在webViewDidFinishLoad方法里

    此处通过当前webView的键获取到jscontext

    将我们的context对象与js方法建立桥接联系,

    其中test1表示我们js里面的方法名,这个名字要你和后台约定好一样才行,ok,完事

    2.js端通过对象调用方法

    说到对象调方法我们首先肯定得有个对象,所以我们首先需要创建一个js交互类,并声明和实现相应的交互方法,在这里需要注意的是我们需要在这个自定义交互类里面导入JavaScriptCore框架,声明一个遵从于JSExport协议的协议(有点绕,看图),在这个协议里声明我们的交互方法,最后让我们的交互类遵从与我们自定义的协议

    在交互类的.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,完事

  • 相关阅读:
    排序二——交换排序
    桥接模式 Bridge
    外观模式Facade(解耦)
    装饰模式和代理模式的区别
    代理模式 proxy
    装饰器模式 Decorator
    适配器模式
    android launcher-启动过程
    ubuntu 编译openwrt
    Eclipse Memory Analyzer tool(MAT)
  • 原文地址:https://www.cnblogs.com/jx66/p/6616694.html
Copyright © 2011-2022 走看看