OC与JS的简单相互使用

今天看一下在Objective-C(以下简称OC)中使用JavaScript(以下简称js)代码，以及JS中对OC代码的调用。

在OC中使用js的场景是，手机端需要显示一个网页文件，网页文件中嵌入的js代码，我们想要通过OC代码来处理或者多网页进行操作。

OC中使用UIWebView控件来加载网页请求。

通过webView加载一个网页请求

1.OC调用JS

我们在OC中使用JS代码一般是希望通过OC代码对网页上进行操作。这个操作相对比较简单，只需要把原生的js代码拿来执行就可以了。这里需要使用webView的一个方法。用它来执行js代码

[self.webView stringByEvaluatingJavaScriptFromeString:@"js代码"];

使用OC代码在webView上弹出一个警告弹窗

这里是上述代码执行后在网页上 造成的效果

OC代码调用js代码就仅有这一种方法使用。如果你需要对网页进行处理，可以把处理的js代码现在上述代码@“”里面 通过OC方法来触发就可以了。

2.js调用OC

js调用OC的场景就是当我们在webView上点击某个按钮或者链接等我们需要OC来进行响应，比如打开一个新的控制器，弹出一个提示窗口等。

在webView上当我们点击一个请求链接的时候webView回通知他的代理 并且把我们想要请求的地址传过去。

这个是webView的代理方法 它需要返回一个BOOL值 告诉webView是否去加载我们的请求

在上面这个代理方法中我们可以拦截到我们的请求内容 request中会返回请求的信息。

我们实现的思路是 在html代码中自定义协议。当我们在webView上触发了自定义的协议请求时候我们在 webView的代理方法中进行拦截，然后判断请求协议是不是我们自定义的。如果是那我们就拦截下来然后进行自定义的处理。这个时候我们就可以把webView上触发的事件通过webView代理方法的拦截，把事件的响应交付给OC代码来处理。

在index.html中自定义协议 dgyh:是自定义的schame

在webView上的显示 为两个可点击的连接

当我们点击其中的一个 显示一个控制器的时候 webView的代理方法会接收到一个请求协议。我们通过拦截判断如果是自定义的协议 就去执行准备好的OC方法 即可进行页面的弹出控制器处理。

在webView的代理方法中处理拦截 然后执行准备好的OC方法

以上就是JS和OC的简单相互使用。再复杂的操作也是可以通过这个基础原理来实现的，如果您有更好的解决办法或者处理思路，欢迎回复邮件zihanvip520@163.com.我期待着您的邮件。