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

摘要:
Webview是一个在ios中显示远程数据的网页控件。Webview可以显示许多内容,如MP4、文本、pdf等;关于js和oc代码的调用:在oc中调用js代码;˃˃在oc中调用js代码很简单。一种方法是stringByEvaluatingJavaScript FromString:@“”;˃˃要执行的js代码方法可以放入字符串中;2: J执行一段OC代码;˃˃在js中执行oc的代码需要通过一个桥:

webview是ios中显示远程数据的网页控件,webview能显示的内容很多,MP4、文本、pdf等等;

关于js和oc代码的互相调用

1:oc中调用js代码;

>>oc中调用js代码很简单,一个方法:stringByEvaluatingJavaScriptFromString:@“”;

>>要执行的js代码方法到字符串中就可以了;

2:js中执行oc的某段代码;

>>js中执行oc的代码要通过一个桥梁:

  者桥梁就是webview的一个代理方法:(BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request

  navigationType:(UIWebViewNavigationType)navigationType

  这个方法会在webview发送某个请求时调用,并且把request传了进来;返回YES, 可以加载这个请求, 返回NO, 代表禁止加载这个请求;

>>代码实现案例:在webview中通过js代码来打开手机的照相机

  js代码:

function openCamera()
{
      window.location.href = 'iOS://openCamera';
      // 这段代码想要调用oc中的openCamera这个方法来打开相机
      // window.location.href这个方法会重新发送请求  这个请求会通过webview的代理方法传给oc
      // iOS:// 是定义的协议头,oc拿到请求的字符串后,看到这个协议头就拦截,执行后边的方法,这个协议头是自己指定的;
}

  oc的webview代理方法代码:

/**
 当webView发送一个请求之前都会调用这个方法, 返回YES, 可以加载这个请求, 返回NO, 代表禁止加载这个请求
 */
- (BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType
{
    NSString *url = request.URL.absoluteString;
    NSRange range = [url rangeOfString:@"ios://"];
    if (range.length != 0) {
        
        // 截取方法名
        NSString *method = [url substringFromIndex:range.location + range.length];
        // 将方法名(字符串)转为SEL类型执行
        SEL selector = NSSelectorFromString(method);
        [self performSelector:selector withObject:nil];
    }
    return YES;
}

  总结:js中执行oc的代码的重要桥梁:webview的代理方法,也就是上边的方法;执行的方法在字符串中,oc拿到请求的字符串通过截取协议头后边的字符串得到要执行的方法的方法名;最后把截取得到的字符串转为方法执行;

免责声明:文章转载自《ios-UIWebView中js和oc代码的互调》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇Java 注解入门log4php配置文件实例下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

分享一个自定义的console类 让你不再纠结JS中的调试代码的兼容

分享一个自定义的console类 让你不再纠结JS中的调试代码的兼容 在写JS的过程中,为了调试我们常常会 写很多 console.log、console.info、console.group、console.warn、console.error代码来查看JS 的运行情况,但发布时又因为IE不支持console,又要去掉这些代码,一不小心就会出错 问题...

js截取指定长度字符

Code/// <summary> /// 截取指定长度的(中英文)字符 /// </summary>function curStr(str,length) {     var position=0;     var result=[];     for (var i = 0; i < str.length; i++)   ...

移动端web页面使用position:fixed问题总结

近期完成了一个新的项目(搜狐直播),其中又涉及到了 fixed(固定位置定位)的问题,在之前的文章《移动Web产品前端开发口诀——“快”》中已经阐述过我对 iScroll 的态度,所以在这个项目中我决定不使用 iScroll,使用 position:fixed 实现头部、底部模块定位。在使用fixed的过程中,遇到了一些的问题,并且部分问题无法找到较好的解...

Delphi APP 開發入門(二)Android/iOS設定,Hello World

Delphi APP 開發入門(二)Android/iOS設定,Hello World 分享: Share on facebookShare on twitterShare on google_plusone_share  閲讀次數:9047 發表時間:2014/05/12 tags: 行動開發 教學 App Delphi XE6 Android...

Java Swing编程之仿js树状折叠菜单

最近要完成一个需求:用swing做个树状菜单,含二级菜单,点击一级菜单展开二级菜单,且二级菜单数目超过预览视图会出现滚动条。由于swing研究的少,花了不少精力! 先看下测试效果图: 收起图: 展开图: 完整源码: 1 package com.xuwei.test2; 2 3 import java.awt.BorderLayout;...

JS实现小图放大轮播效果

JS实现小图放大轮播页面效果入下(图片为优行商旅页面照片): 实现效果:图片自动轮播,鼠标移入停止,移出继续轮播点击下方小图可以实现切换 步骤一:建立HTML布局,具体如下: <body> <div id="carousel"class="carousel"onmouseover="stop()"onmouseout="agai...