原理：

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. 基于.NET Socket API 通信的综合应用

    闲谈一下,最近和客户进行对接Scoket 本地的程序作为请求方以及接受方,对接Scoket 的难度实在比较大,因为涉及到响应方返回的报文的不一致性,对于返回的报文的格式我需要做反序列化的难度增大了不少 ...

  2. 【语言基础】c++ 备忘录

    1. C++ 整数类型范围 可以参照头文件limits.h定义的宏 #define INT_MAX       2147483647(32bit, 最大10位十进制) #define UINT_MAX ...

  3. .NET CLR 运行原理

    原文: Drill Into .NET Framework Internals to See How the CLR Creates Runtime Objects 文章讨论了: SystemDoma ...

  4. spread语法解析与使用

    @[spread, javavscript, es6, react] Spread语法是ES6中的一个新特性,在需要使用多参数(函数参数).多元素(数组迭代)或者多变量(解构赋值)的地方使用sprea ...

  5. 再记一次w3wp占用CPU过高的解决过程（Dictionary和线程安全）

    在此之前项目有发生过两次类似的状况,都得以解决,但最近又会发现偶尔CPU会跑满,虽然之前使用过WinDbg解决过两次问题但人的记忆是不可靠的,今天处理同样问题的时候还是遇到了一些障碍,这一次希望可以记 ...

  6. Html.BeginForm

    该方法用于构建一个From表单的开始,他的构造方法为: Html.BeginForm("ActionName","ControllerName",FormMet ...

  7. viso图插入Word中大片空白解决办法

    按住CTRL-->将鼠标指向绘图页边缘-->指针变为移动符号(双向箭头)-->按下左键修改绘图页大小.

  8. JAVA内嵌数据库H2的使用入门

    H2数据库是开源的,非常适合做嵌入式数据库使用,尤其用java编码的时候. H2的优势: 1.h2采用纯Java编写,因此不受平台的限制. 2.h2只有一个jar文件,十分适合作为嵌入式数据库试用. ...

  9. Map集合的应用及其遍历方式

    ---> HashMap :底层基于哈希表      存储原理也使用哈希表来存放的:            往HashMap添加了元素 ,首先会调用键的hashCode方法 获得一个哈希值,然后 ...

  10. 探索 SharePoint 2013 Search功能

    转载: http://www.cnblogs.com/OceanEyes/p/SharePont-2013-Search-Develop.html SharePoint 2013的搜索功能很强大,特别 ...