做项目需要从网页点击跳转到app的一个页面上，并且需要获取参数。

当时后台给写的参数是这样的。自己打开浏览器看的源码

JavaScript：window.location.href=   这句话在js里是弹出网页的意思

而我只需要把弹出的信息截取获取参数就可以了

这种直接弹出信息需要靠webView的delegate方法来解决

- (BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType

{

    NSString *getURLString = [request.URL absoluteString];

    NSLog(@"总的字符串：%@",getURLString);

    NSString *htmlHeadString = @"objc://";

    //协议头可以自己定义可以自己定义

    if([getURLString hasPrefix:htmlHeadString])

    {

        NSLog(@"参数来了");
　　　　//　这里可以将网址拆分成所需要的参数 并且完成你所需要的操作 （跳转等等）

        return NO;

    }

    else

        return YES;

}

这时就解决了

而本着好学的精神又了解了另外的方法

HTML代码如下

<html>

    <head>

        <title>第二个web</title>

        <meta charset="utf-8">

    </head>

    <body>

        <p>JS通过JavaScriptCore/JavaScriptCore.hOC的方法</p>

        <p>姓名：孟玲旭</p>

        <p>博客主页：</p>

        <p >https://home.cnblogs.com/u/menglingxu/</p>

        <button type = "button" onclick = "locationFunction()" > JS调OC第二法无参数 </button>

         <button type = "button" onclick = "locationFunction2()" > JS调OC第二法传参数 </button>

          <button type = "button" onclick = "change.callChangeColor()" > 点击改变颜色</button>

        <script type = "text/javascript">

            function locationFunction()

            {

                //调用OC的方法,没有参数

                jstoocNoPrams();

            }

            function locationFunction2()

            {

              //调用OC的第二个方法

              jstoocHavePrams('参数1','参数2','参数3');

            }

        </script>

    </body>

</html>

这时已经给了oc两个方法，一个是  jstoocNoPrams  第二个是  jstoocHavePrams

我们要做的就是县引入框架

#import <JavaScriptCore/JavaScriptCore.h>

然后得到方法

- (void)handleJScallOC

{

    //拿到WebView执行JS的执行环境，很重要的东西

    JSContext *context = [self.webView valueForKeyPath:@"documentView.webView.mainFrame.javaScriptContext"];

    //点击了无参数，jstoocNoPrams是JS的方法名称

    context[@"jstoocNoPrams"] = ^(){

        NSLog(@"点击了没有传参数按钮");

        // 在这里完成操作

        dispatch_async(dispatch_get_main_queue(), ^{

        });

    };

    //点击传参数 jstoocHavePrams方法名称

    context[@"jstoocHavePrams"] = ^(){

        //获得参数

        NSArray *prams = [JSContext currentArguments];

        NSLog(@"%@", prams);

        dispatch_async(dispatch_get_main_queue(), ^{

        });

    };

}

这就是block的方式

细心的同学会发现

 <button type = "button" onclick = "change.callChangeColor()" > 点击改变颜色</button>

这句话咋还没用上呢

这就是最后一种方法  协议的方式

首先写一个协议 注意名字 callChangeColor() 不要写错

@protocol MLGB <JSExport>

- (void)callChangeColor;

@end

然后遵循协议

最后

#pragma mark - 第二种方式JSEport协议方式

- (void)regiseterResponser

{

    JSContext *context = [self.webView valueForKeyPath:@"documentView.webView.mainFrame.javaScriptContext"];

    [context setObject:self forKeyedSubscript:@"change"];

}

- (void)callChangeColor

{

    NSLog(@"MLGB");
　　// 实现所需要的操作。

}

以上就是JS调用OC

既然JS可以调用OC，那么OC 当然可以调用js

HTML代码

<html>

    <head>

    </head>

    <body>

        <meta http-equiv="Content-Type"content="text/html; charset=UTF-8">

        <br>

        <p>OC调用JS的方法</p>

        <p>方法：stringByEvaluatingJavaScriptFromString</p>

        <br>

        <p>我的主页：</p>

        <p >https://home.cnblogs.com/u/menglingxu/</p>

            <script type="text/javaScript">

                function callJS(param)

                {

                    alert(param);

                }

            </script>

    </body>

</html>

方法名为callJS(param)

那么OC代码为

- (void)callJS

{

    NSString *param = @"放屁";

    NSString *js = [NSString stringWithFormat:@"callJS('%@')",param];

    NSString *string = [self.webView stringByEvaluatingJavaScriptFromString:js];

    NSLog(@"%@",string);

}

可以在webview加载完成之后看看效果

- (void)webViewDidFinishLoad:(UIWebView *)webView

{

    [self callJS];

}

最主要的方法  ：stringByEvaluatingJavaScriptFromString

或者 用第二种方法也是webview加载完成之后看看效果

- (void)webViewDidFinishLoad:(UIWebView *)webView

{

//    [self callJS];

    //获得WebView的运行环境的对象

    JSContext *context = [self.webView valueForKeyPath:@"documentView.webView.mainFrame.javaScriptContext"];

    //调用方法（注意：这里是JS里面的定义的方法）

    NSString *callJSstring = @"callJS('憋不住了,要放屁')";

    [context evaluateScript:callJSstring];

}

千万别忘了方法名为callJS(param)这个方法OC在写的时候是这样的callJS('参数');

JS 与 OC的更多相关文章

  1. JS 与OC 交互篇

    完美记录交互 CSDN博客: (OC调用JS) http://blog.csdn.net/lwjok2007/article/details/47058101 (JS调用OC) http://blog ...

  2. JS调用OC方法并传值，OC调用JS方法并传值////////////////////////zz

     iOS开发-基于原生JS与OC方法互相调用并传值(附HTML代码)     最近项目里面有有个商品活动界面,要与web端传值,将用户在网页点击的商品id 传给客户端,也就是js交互,其实再说明白一点 ...

  3. UIWebView的应用和其中的JS与OC间传值

    现在有很多的应用已经采用了WebView和html语言结合的开发模式.html5一直很火因为一份代码可以在多个平台上运用啊,效果各不相同都很美观,也越来越有一些公司直接招后台程序员和html5程序员, ...

  4. [iOS Hybrid实践：UIWebView中Html中用JS调用OC方法，OC执行JS代码]

    原理: 1.JS调用OC 每次webview执行跳转时都会被iOS给拦截,执行下面函数获得系统允许. 因此可以根据跳转信息转给系统,执行相应功能,比如打开相册等. // 网页中的每一个请求都会被触发 ...

  5. UIWebView中Html中用JS调用OC方法及OC执行JS代码

    HTML代码: <html> <head> <title>HTML中用JS调用OC方法</title> <meta http-equiv=&quo ...

  6. iOS中JS 与OC的交互(JavaScriptCore.framework)

    iOS中实现js与oc的交互,目前网上也有不少流行的开源解决方案: 如:react native 当然一些轻量级的任务使用系统提供的UIWebView 以及JavaScriptCore.framewo ...

  7. iOS开发:JavaScriptCore.framework的简单使用--JS与OC的交互篇

    iOS7之后苹果为众猿推出了JavaScriptCore.framework这个框架,这个框架为大家在与JS交互上提供了很大帮助,可以在html界面上调用OC方法并传参,也可以在OC上调用JS方法并传 ...

  8. ios-UIWebView中js和oc代码的互调

    webview是ios中显示远程数据的网页控件,webview能显示的内容很多,MP4.文本.pdf等等: 关于js和oc代码的互相调用 1:oc中调用js代码; >>oc中调用js代码很 ...

  9. 史上最全的 UIWebview 的 JS 与 OC 交互

    来源:伯乐在线 - 键盘风筝 链接:http://ios.jobbole.com/89330/ 点击 → 申请加入伯乐在线专栏作者 其实一直想给大家整理一下JS与OC的交互,但是没有合适的机会,今天借 ...

  10. 【转】使用JavaScriptCore在JS和OC间通信

    http://www.cocoachina.com/ios/20160623/16796.html iOS 开发中,我们时不时的需要加载一些 Web 页面,一些需求使用 Web 页面来实现可以更可控, ...

随机推荐

  1. WINDOWS动态链接库--MFC规则动态链接库

    第一代window程序员使用windows api进行编程,到了后来,微软推出MFC类库,于是,动态链接库进行了升级,可以在动态连接库中使用MFC的API,这就叫做MFC动态链接库, 其中MFC动态链 ...

  2. HUST 1371 Emergency relief

    状态压缩. 每一个人所需的物品对应一个数字,统计一个每个数字有几个.每一种提供物品的状态也对应一个数字,然后暴力判断. #include<cstdio> #include<cstri ...

  3. 比较实用的webpack配置代码

    var path = require('path');var webpack = require('webpack');var ExtractTextPlugin = require('extract ...

  4. delphi 中COPY（）函数的意思

    Trim(copy(m,11,5)):copy里面的3个参数(m,11,5)分别是什么意思?COPY还有其他的参数吗? m :就是copy源,就是一个字符串,表示你将要从m里copy一些东西11 : ...

  5. Tessnet2图片识别

    验证码识别据说可以用C#图像识别类库Tessnet2来实现,Tessnet2源于目前Google维护的开源项目Tesseract2.本文将对此传说进行验证,含验证结果与验证方法. 1. 验证结果 —— ...

  6. 【转】mysql-5..6.23-win64.zip安装及配置

    [强烈建议!!!!]把文件夹的名字也改成如下所说的,不然即使你什么环境配置都对,启动服务的时候依然会出现‘net’不是计算机内部或外部的命令这种令人很郁闷的问题了! 原文链接:http://jingy ...

  7. UVa 594 - One Little, Two Little, Three Little Endians

    题目大意:大小端模式的转换.所谓的小端模式,是指数据的高位保存在内存的高地址中,而数据的低位保存在内存的低地址中.与此相对,所谓的大端模式,是指数据的高位,保存在内存的低地址中,而数据的低位,保存在内 ...

  8. [Angular Tutorial] 10 -More Templating

    在这一步中,我们会实现电话细节的视图,这在用户点击列表中的一部电话时被展示. ·当您点击列表中的一部电话时,带有电话特定信息的电话细节页面将被展示. 我们打算使用$http来获取我们的数据,以此来实现 ...

  9. SqlParameter 使用

                SqlParameter[] param = new SqlParameter[]             {                 new SqlParameter ...

  10. Vue 响应式总结

    有些时候,不得不想添加.修改数组和对象的值,但是直接添加.修改后getter.setter又失去了. 由于 JavaScript 的限制, Vue 不能检测以下变动的数组: 当你利用索引直接设置一个项 ...