原理：

1.JS调用OC

每次webview执行跳转时都会被iOS给拦截，执行下面函数获得系统允许。

因此可以根据跳转信息转给系统，执行相应功能，比如打开相册等。

// 网页中的每一个请求都会被触发

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

2.OC调用JS：通过webview执行js函数实现

[webView stringByEvaluatingJavaScriptFromString:@"postStr();"];

HTML：

<html>

<head>

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

        <title>HTML中用JS调用OC方法</title>

        <script>

            function getInfo(name)

            {

                window.location = "/getInfo/"+name;

            }

            function postStr(){

                   return "I am script";

              }

        </script>

</head>

<body>

    <h1 onclick="getInfo('openMyAlbum')">打开相册</h1>

    <br>

    <h1 onclick="getInfo('openMyCamera')">打开相机</h1>

</body>

</html>

OC：

#import "ViewController.h"

@interface ViewController (){

    UIWebView *webView;

    UIActivityIndicatorView *activityIndicator;

}

@end

@implementation ViewController

- (void)viewDidLoad {

    [super viewDidLoad];

    [self.view  setBackgroundColor:[UIColor lightGrayColor]];

    webView = [[UIWebView alloc] initWithFrame:CGRectMake(,, CGRectGetWidth(self.view.bounds), CGRectGetHeight(self.view.bounds)-)];

    NSURLRequest *request =[NSURLRequest requestWithURL:[NSURL URLWithString:@"http://dong14.sinaapp.com/testhtml.html"]];

    [self.view addSubview: webView];

    [webView loadRequest:request];

    [webView setDelegate:self];

    // Do any additional setup after loading the view, typically from a nib.

    UIButton *clkbtn=[[UIButton alloc]initWithFrame:CGRectMake(, CGRectGetHeight(self.view.bounds)-, , )];

    [clkbtn setTitle:@"调用JS" forState:UIControlStateNormal];

    [clkbtn setBackgroundColor:[UIColor redColor]];

    [clkbtn addTarget:self action:@selector(jsclk) forControlEvents:UIControlEventTouchUpInside];

    [self.view addSubview:clkbtn];

}

- (void)didReceiveMemoryWarning {

    [super didReceiveMemoryWarning];

    // Dispose of any resources that can be recreated.

}

// 网页中的每一个请求都会被触发

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

{

    // 每次跳转时候判断URL

    if([request.mainDocumentURL.relativePath isEqualToString:@"/getInfo/openMyAlbum"])

    {

        NSLog(@"openMyAlbum");

        [self openMyAlbum];

        return NO;

    }

    // 每次跳转时候判断URL

    if([request.mainDocumentURL.relativePath isEqualToString:@"/getInfo/openMyCamera"])

    {

        NSLog(@"openMyCamera");

        [self openMyCamera];

        return NO;

    }

    return YES;

}

-(void)openMyAlbum

{

    UIImagePickerController *vc = [[UIImagePickerController alloc]init];

    vc.sourceType = UIImagePickerControllerSourceTypePhotoLibrary;

    [self presentViewController:vc animated:YES completion:nil];

}

-(void)openMyCamera

{

    UIImagePickerController *vc = [[UIImagePickerController alloc]init];

    vc.sourceType = UIImagePickerControllerSourceTypeCamera;

    [self presentViewController:vc animated:YES completion:nil];

}

-(void)jsclk{

    NSString *str = [webView stringByEvaluatingJavaScriptFromString:@"postStr();"];

    NSLog(@"JS返回值：%@",str);

}

- (void) webViewDidStartLoad:(UIWebView *)webView

{

    //创建UIActivityIndicatorView背底半透明View

    UIView *view = [[UIView alloc] initWithFrame:CGRectMake(, ,  CGRectGetWidth(self.view.bounds), CGRectGetHeight(self.view.bounds)-)];

    [view setTag:];

    [view setBackgroundColor:[UIColor blackColor]];

    [view setAlpha:0.5];

    [self.view addSubview:view];

    activityIndicator = [[UIActivityIndicatorView alloc] initWithFrame:CGRectMake(0.0f, 0.0f, 32.0f, 32.0f)];

    [activityIndicator setCenter:view.center];

    [activityIndicator setActivityIndicatorViewStyle:UIActivityIndicatorViewStyleWhite];

    [view addSubview:activityIndicator];

    [activityIndicator startAnimating];

    NSLog(@"webViewDidStartLoad");

}

- (void) webViewDidFinishLoad:(UIWebView *)webView

{

    [activityIndicator stopAnimating];

    UIView *view = (UIView*)[self.view viewWithTag:];

    [view removeFromSuperview];

    NSLog(@"webViewDidFinishLoad");

}

- (void) webView:(UIWebView *)webView didFailLoadWithError:(NSError *)error

{

    [activityIndicator stopAnimating];

    UIView *view = (UIView*)[self.view viewWithTag:];

    [view removeFromSuperview];

    NSLog(@"didFailLoadWithError:%@", error);

}

github:https://github.com/rayshen/OChybridTest

[iOS Hybrid实践：UIWebView中Html中用JS调用OC方法，OC执行JS代码]的更多相关文章

  1. .NET混合开发解决方案11 WebView2加载的网页中JS调用C#方法

    系列目录     [已更新最新开发文章,点击查看详细] WebView2控件应用详解系列博客 .NET桌面程序集成Web网页开发的十种解决方案 .NET混合开发解决方案1 WebView2简介 .NE ...

  2. js调用后台方法（如果你能容忍执行的后台方法变成一个常量）

    最近一直在做一个电话拨号的系统,系统不大,但是做的时间有点长了.其中用到了一个技术:js调用后台方法.解决这个问题花了不少时间,现如今仍然还有些不明白的地方,今天跟大家分享一下.真正明白的同学欢迎指正 ...

  3. JS调用Silverlight方法拾遗

    在最近做的物联网项目中,需要利用封装过的Silverlight刻度控件显示温度,湿度,二氧化碳浓度等值.由于最新的数据是通过js ajax获取的,所以需要把这些数据传递给silverlight显示,这 ...

  4. c# js调用AjaxPro方法出错解析

    公司的项目的框架中有一部分用到了AjaxPro这个方法,看到这个方法的我一脸懵逼,老老实实去百度了一下. AjaxPro是.NET平台下的一个回调式AJAX框架,使用简单,功能强大.顾名思义ajax, ...

  5. Xilium.CefGlue利用XHR实现Js调用c#方法

    防外链 博客园原文地址在这里http://www.cnblogs.com/shen6041/p/3442499.html 引 Xilium CefGlue是个不错的cef扩展工程,托管地址在这里 ht ...

  6. 在WebBrowser控件使用js调用C#方法

    有时我们需要在WebBrowser控件中嵌入了网页,然后通过html页面调用后台方法,如何实现呢?其实很简单,主要有三步: 在被调用方法所属的类上加上[ComVisible(true)]标签,意思就是 ...

  7. JS调用App方法及App调用JS方法

    做App内嵌H5项目时,经常会遇到js与App的交互,最普遍的就是方法的互相调用,那么如何实现方法的互相调用呢? 写在前面: 如果只是小项目且后期扩大的可能性不大的时候,可以忽略,可如果是长期项目的话 ...

  8. .NET混合开发解决方案12 网页JS调用C#方法访问WinForm或WPF窗体

    系列目录     [已更新最新开发文章,点击查看详细] WebView2控件应用详解系列博客 .NET桌面程序集成Web网页开发的十种解决方案 .NET混合开发解决方案1 WebView2简介 .NE ...

  9. YbSoftwareFactory 代码生成插件【二十五】：Razor视图中以全局方式调用后台方法输出页面代码的三种方法

    上一篇介绍了 MVC中实现动态自定义路由 的实现,本篇将介绍Razor视图中以全局方式调用后台方法输出页面代码的三种方法. 框架最新的升级实现了一个页面部件功能,其实就是通过后台方法查询数据库内容,把 ...

  10. cocos2d 中使用jni C++ 调用 Java 方法

    1.简单数据类型样例 如果我们Java中有这么一个open的静态方法,它没有參数,有一个int的返回值.怎么在C++中调用它呢? package cb.CbCCBLE; public class Cb ...

随机推荐

  1. left join 条件区别

    t1: num | name-----+------ 1      | a 2      | b 3      | c t2: num | value-----+------- 1  | xxx 3 ...

  2. mvc5 Html.EditorFor html属性有了新变化，和以前的不同了

    @Html.EditorFor(model => model.MaxNumber, new { htmlAttributes = new { @min = "1" } })

  3. Debian8修改启动默认运行级别

    Two things you need to know: 1) Systemd boots towards the target given by "default.target" ...

  4. 我做PHP，但是我要批判下整天唱衰.NET的淫

    笔者每天都能看到月经贴-".NET已死"!!! 笔者之前一直在CSDN上面写博客,泡论坛,但是有约莫一年来着了发现CSDN上面的博客都没啥更新,CSDN首页推荐的一些文章也没啥新意 ...

  5. HTML5+JS 《五子飞》游戏实现（六）鼠标响应与多重选择

    上一章我们提到了如果有多条线上的棋子可以被吃掉,那么游戏需要提示用户,让用户选择吃哪条线上的.另外因为是网页游戏,所以一定要实现鼠标单击棋子可以进行操作. 当鼠标移动棋子上面后,切换鼠标指针为手形,移 ...

  6. [BZOJ3696][FJSC2014]化合物（异或规则下的母函数）

    题目:http://hzwer.com/3708.html 分析: 类似树分治思想,设f[x][i]表示以x为根的子树的所有点中,与x的距离为i的点有多少个,这个可以预处理出来 然后我们考虑每颗子树对 ...

  7. Eclipse自动补全功能管理

    #这种方法只适用于Eclipse Classic版本(这个版本带有插件的源码) 在使用Eclispe的过程,感觉自动补全做的不好,没有VS的强大.下面说两个增强自动补全的方法: 1.增加Eclipse ...

  8. Congruence relation 同余关系

    https://en.wikipedia.org/wiki/Congruence_relation https://zh.wikipedia.org/wiki/%E5%90%8C%E9%A4%98%E ...

  9. 屠龙之路_战胜View&对DataBase猛烈进攻_ThirdDay

    避开狮身人面兽攻击的屠龙战士继续前行.突然眼见一黑,战士们进到迷宫里,机智的战士用一根羊毛线绑在迷宫入口处,少年们手握着羊毛线,在迷宫里继续前行.在那样一个拐角处,遇到了恶龙的手下View&D ...

  10. FTP服务器

    FTP 是File Transfer Protocol(文件传输协议)的英文简称,而中文简称为"文传协议".用于Internet上的控制文件的双向传输. 下载"文件就是从 ...