原理：

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. 有的机器不能通过session登录

    web.config <system.web>    <sessionState mode="InProc" cookieless="AutoDetec ...

  2. Android一键多渠道分发打包实战和解析

    当项目需要有更多的客户的时候,你就会考虑将apk上架到应用商店了,无奈天朝Android应用商店真的是百家争鸣,据某地不完全统计已经有900+.若将Apk上架到所有的应用商店是个好主意,但是据统计也就 ...

  3. 正式版/免费版 Xamarin 体验与拥抱

    感谢MS, 感谢老纳.终于把 Xamarin 这个磨人的小妖精给收了,在也不用向大神要破解补丁了, 终于可以光明正大的使用了!! 跟据实践, 如果你们想体验一下 .NET 开发 IOS /Androi ...

  4. variable-precision SWAR算法介绍

    BITCOUNT命令是统计一个位数组中非0进制位的数量,数学上称作:”Hanmming Weight“ 目前效率最好的为variable-precision SWAR算法,可以常数时间内计算出多个字节 ...

  5. 构建Spark的Eclipse开发环境

    前言 无论Windows 或Linux 操作系统,构建Spark 开发环境的思路一致,基于Eclipse 或Idea,通过Java.Scala 或Python 语言进行开发.安装之前需要提前准备好JD ...

  6. java机器学习工具包

    下面是25个Java机器学习的工具&&库列表: 1. Weka 是一个数据挖掘任务机器学习算法的集合.这些算法可以直接应用于数据集或者在你自己的Java代码中调用.Weka 包含 数据 ...

  7. nodejs实现的简单接口

    var http = require('http'); var mysql = require('mysql'); var connection = mysql.createConnection({ ...

  8. Android复习笔记--架构与版本

    #Android架构: 1. Linux 内核层 Android 系统是基于Linux 2.6 内核的,这一层为Android 设备的各种硬件提供了底 层的驱动,如显示驱动.音频驱动.照相机驱动.蓝牙 ...

  9. Error: [ng:areq]

    错误描述:Error: [ng:areq] http://errors.angularjs.org/1.4.8/ng/areq?p0=HelloCtrl&p1=not%20a%20functi ...

  10. mysql case when then end学习

    表 vtiger_acctive,字段 id,name. 1. 查询中使用 # 查询如果name的值为 hello1 时输出 6666,当值为 hello2 时,输出 333333 select ca ...