首先 iOS7开始 苹果公布了JavaScriptCore.framework 它使得JS与OC的交互更加方便了。
第一步:导入framework
OC 调用JS方法 :(一句话即可)
-(void)webViewDidFinishLoad:(UIWebView *)webView
{
// JS url加载完成后,可直接调用JS方法showmessage。 如果有需求,还可以传递参数。
[myWebView stringByEvaluatingJavaScriptFromString:@"showmessage('参数')"];
// 若JS有返回值此方法会直接返回。返回的格式为URL编码格式,所以必须解码才能使用。 下边是解码方法
例如: NSString *data = [myWebView stringByEvaluatingJavaScriptFromString:@"showmessage('参数')"];
}
// URL 解码
- (NSString *)decodeFromPercentEscapeString: (NSString *) input
{
NSMutableString *outputStr = [NSMutableString stringWithString:input];
[outputStr replaceOccurrencesOfString:@"+"
withString:@" "
options:NSLiteralSearch
range:NSMakeRange(0, [outputStr length])];
return [outputStr stringByReplacingPercentEscapesUsingEncoding:NSUTF8StringEncoding];
}
JS调用OC方法:
// webView 的代理方法, 网页加载之前调用。看到之前有同学提供的例子。
首先在js中声明方法
- <html>
- <head>
- <meta http-equiv="content-type"content="text/html;charset=utf-8">
- <title>js调用oc</title>
- <script type="text/javaScript">
- /* 调用本地带参数的方法 */
- function testFunction1(cmd,parameter1){
- return document.location="objc://"+cmd+":/"+parameter1; //cmd代表objective-c中的的方法名,parameter1自然就是参数了
- }
- /* 调用本地不带参数的方法 */
- function testFunction2(cmd){
- return document.location="objc://"+cmd; //cmd代表objective-c中的的方法名
- }
- </script>
- </head>
- <body>
- <p><button type="text" id="text1" value="点击这里1"onclick="testFunction1('printLog:','str')">调用本地带参数的方法</button></p>
- <p><button type="text" id="text2" value="点击这里2"onclick="testFunction2('testFunc')">调用本地不带参数的方法</button></p>
- </body>
- </html>
再调用webview代理
- - (BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType
- {
- NSString *urlString = [[request URL] absoluteString];
- NSArray *urlComps = [urlStringcomponentsSeparatedByString:@"://"];
- if([urlComps count] && [[urlCompsobjectAtIndex:0] isEqualToString:@"objc"])
- {
- NSArray *arrFucnameAndParameter = [(NSString*)[urlCompsobjectAtIndex:1] componentsSeparatedByString:@":/"];
- NSString *funcStr = [arrFucnameAndParameterobjectAtIndex:0];
- if (1 == [arrFucnameAndParametercount])
- {
- // 没有参数
- if([funcStr isEqualToString:@"testFunc"])
- {
- /*调用本地函数*/
- [self testFunc];
- }
- }
- else if(2 == [arrFucnameAndParametercount])
- {
- //有参数的
- if([funcStr isEqualToString:@"printLog:"] && [arrFucnameAndParameterobjectAtIndex:1])
- {
- /*调用本地函数*/
- [self printLog:@"js调用本地带参数的方法成功!"];
- }
- }
- return NO;
- };
- return YES;
- }
- - (void)printLog:(NSString *)str
- {
- NSLog(@"%@", str);
- }
- - (void)testFunc
- {
- NSLog(@"js调用本地不带参数的方法成功!");
- }