首页 > Web开发 > 详细

UIWebView中的JS和OC的互调

时间:2015-08-17 23:51:31      阅读:510      评论:0      收藏:0      [点我收藏+]

html的代码如下:

<html>
<head>
    <meta xmlns="http://www.w3.org/1999/xhtml" http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>这是一个示例html文件</title>
    <script Type=‘text/javascript‘>
        function clickme() {
            alert(‘点击按钮了XXX!‘);
        }
    </script>
</head>
<body>
	<h1>欢迎欢迎!</h1>
    <!-- 自定义协议与OC进行交互,提示一定要有 /// -->
    <a href="myfunc:///showMessage:/晚上请你吃饭:D">你猜</a>
    <hr />
    <a href="http://m.baidu.com">百度一下,你就知道!</a>
</body>
</html>

1。OC中调用html的代码

要执行html中的js,需要加载完成网页之后再执行,

UIWebViewDelegate协议
@protocol UIWebViewDelegate <NSObject>

@optional
- (BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType;
- (void)webViewDidStartLoad:(UIWebView *)webView;
- (void)webViewDidFinishLoad:(UIWebView *)webView;
- (void)webView:(UIWebView *)webView didFailLoadWithError:(NSError *)error;

@end
- (void)viewDidLoad {
    [super viewDidLoad];

    [self loadHTMLFile];
}

- (void)loadHTMLFile {
    NSURL *fileURL = [[NSBundle mainBundle] URLForResource:@"demo.html" withExtension:nil];
    
    [self.webView loadRequest:[NSURLRequest requestWithURL:fileURL]];
}

/**
 要执行 html 中的 js,需要在加载完成之后再执行
 
 stringByEvaluatingJavaScriptFromString 方法,是 WebView 中,唯一一个调用 js 的方法
 
 - string 开头,返回 NSString*
 */
#pragma mark - UIWebViewDelegate
- (void)webViewDidFinishLoad:(UIWebView *)webView {
    
    // js的弹窗是阻塞式的!
//    [webView stringByEvaluatingJavaScriptFromString:@"clickme();"];
    
    NSString *title = [webView stringByEvaluatingJavaScriptFromString:@"document.title"];
    NSLog(@"%@", title);
}
/**
 应用场景:QQ好友发送文件-直接浏览文件!
 */
- (void)loadLocalFile {
    NSURL *fileURL = [[NSBundle mainBundle] URLForResource:@"iOS 7 Programming Cookbook.pdf" withExtension:nil];
    
    [self.webView loadRequest:[NSURLRequest requestWithURL:fileURL]];
}



2.HTML中调用OC的代码

/**
 提示:如果 OC 的代理方法要求返回 BOOL,程序直接返回 YES,通常一切正常,NO就是不工作!
 
 参数
 1. webView
 2. request:加载页面的请求
 3. navigationType: 浏览的类型,例如:在新窗口中打开链接
 */
- (BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType {
    
    NSLog(@"%@", request.URL.scheme);
    
    // 如果能够拦截到 myfunc:// 协议头,就可以知道是自定义协议调用 oc 方法
    // scheme 协议头
    if ([request.URL.scheme isEqualToString:@"myfunc"]) {
        NSLog(@"自定义协议,准备调用 OC 的方法 %@", request.URL);
        
        // 需要拦截方法名 & 参数
        NSLog(@"%@", request.URL.pathComponents);
        
        // 1. 方法名
        NSString *methodName = request.URL.pathComponents[1];
        // 2. 参数
        NSString *param = request.URL.pathComponents[2];
        
        // 3. 调用方法 - SEL
//        UIButton *btn = nil;
//        [btn addTarget:self action:@selector(click) forControlEvents:UIControlEventTouchUpInside];
        SEL func = NSSelectorFromString(methodName);
        // 之所以会有警告,是因为苹果认为这种方式不安全!
        // 判断 self 是否响应方法
        if ([self respondsToSelector:func]) {
            // clang 编译器 警告 压栈,保存当前编译状态
#pragma clang diagnostic push
            // 忽略 pefromSelector 的风险警告
#pragma clang diagnostic ignored "-Warc-performSelector-leaks"
            [self performSelector:func withObject:param];
            // 让编译器出栈,恢复之前保存的状态
#pragma clang diagnostic pop
        } else {
            NSLog(@"方法名错误");
        }
        
        return NO;
    }
    
    return YES;
}


UIWebView中的JS和OC的互调

原文:http://my.oschina.net/u/1590735/blog/493722

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!