Objective-C UIWebview JS 交互

一、在OC中调用网页中的 js 方法。

• Objective-C 代码

[self.webView stringByEvaluatingJavaScriptFromString:@"alertMessage('弹窗')"];

• 网页 JS 中方法

function alertMessage(message) {

    alert(message);
}

---

二、网页超链接调用Objective-C中的方法

1.设置webView的代理<UIWebViewDelegate>

2.实现代理方法shouldStartLoadWithRequest:(该方法当url加载的时候会自动执行)

• 网页代码

<a href="client://addImg/headImg">点我调用OC方法</a>

• Objective-C 核心代码

#pragma mark UIWebViewDelegate 方法
- (BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType {

    // 可以直接拿到发送请求的网址
    NSString *urlStr = request.URL.absoluteString;

    if ([urlStr hasPrefix:@"client://"]) { // 判断请求是不是以 client:// 开头

        //获得去除请求头的 url 路径
        NSString *urlContent = [urlStr substringFromIndex:[@"client://" length]];

        //用 / 来拆分字符串
        NSArray *urls = [urlContent componentsSeparatedByString:@"/"];

        NSString *funName = [NSString stringWithFormat:@"%@:", urls[0]]; // 从url获取方法名,带参数的方法,加冒号

        SEL callFun = NSSelectorFromString(funName);

        //取消警告
        # pragma clang diagnostic push
        # pragma clang diagnostic ignored "-Warc-performSelector-leaks"

        [self performSelector:callFun withObject:urls[1]]; // 调用 OC 中的方法，并且传递参数

        return NO;
    }

    return YES;
}

#pragma mark 此方法通过网页调用
-(void)addImg:(NSString *) headImg {

    NSLog(@"通过网页调用OC方法:%@",headImg);
}

---

三、Objective-C 注入JS到网页

• Objective-C 核心代码

- (void)jsClick {
    [self.webView stringByEvaluatingJavaScriptFromString:@"var script = document.createElement('script');"
     "script.type = 'text/javascript';"
     "script.text = \"function myFunction() { "   //定义myFunction方法
     "var field = document.getElementsByName('word')[0];"
     "field.value='WWDC2014';"
     "document.forms[0].submit();"
     "}\";"
     "document.getElementsByTagName('head')[0].appendChild(script);"];  //添加到head标签中  

    [self.webView stringByEvaluatingJavaScriptFromString:@"myFunction();"];
}