美文网首页iOS开发iOS 开发
OC与JS的简单相互使用

OC与JS的简单相互使用

作者: 码动人生 | 来源:发表于2016-07-13 14:11 被阅读142次

今天看一下在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.我期待着您的邮件。

相关文章

  • iOS(OC\swift)-javascript交互

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

  • OC与JS的简单相互使用

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

  • 菜鸟教程——iOS与JS交互相互调用

    iOS的系统框架JavaScriptCore可以实现JS与OC互相通讯,本文就简单说下iOS与JS交互相互调用...

  • OC与JS的相互调用

    JS 和 OC 的简单相互调用,基于纯 JS 文件,不使用 webView 这里仅列出测试代码,详情请移步 dem...

  • iOS OC调用JavaScript

    最近看了一下js与oc的相互调用. 1.记得之前在webview中使用js.是使用webview的方法进行调用. ...

  • JS与OC交互

    iOS js oc相互调用(JavaScriptCore) iOS js oc相互调用(JavaScriptCor...

  • JS与OC交互

    JS调用OCOC调用JS JS与OC 相互调用 //网页加载完成调用此方法

  • JS与原生OC/Swift相互调用总结

    JS和OC/Swift相互调用,主要总结了JS和OC交互的三种方式1.使用UIWebView,利用JavaScri...

  • iOSUIWebView与js的交互

    最近在iOS项目中需要使用到oc与js之间的相互调用,而且要求是实现方式必须与Android中的相同,方便js中统...

  • IOS中OC与JS交互(一)

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

网友评论

    本文标题:OC与JS的简单相互使用

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