JS 与 OC

时间:2022-04-22 16:59:14

做项目需要从网页点击跳转到app的一个页面上,并且需要获取参数。

当时后台给写的参数是这样的。自己打开浏览器看的源码

JS 与 OC

JavaScript:window.location.href=   这句话在js里是弹出网页的意思

而我只需要把弹出的信息截取获取参数就可以了

这种直接弹出信息需要靠webView的delegate方法来解决

- (BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType
{ NSString *getURLString = [request.URL absoluteString];
NSLog(@"总的字符串:%@",getURLString); NSString *htmlHeadString = @"objc://";
//协议头可以自己定义可以自己定义
if([getURLString hasPrefix:htmlHeadString])
{
NSLog(@"参数来了");
    // 这里可以将网址拆分成所需要的参数 并且完成你所需要的操作 (跳转等等)
return NO;
}
else
return YES; }

这时就解决了

而本着好学的精神又了解了另外的方法

HTML代码如下

<html>
<head>
<title>第二个web</title>
<meta charset="utf-8">
</head> <body> <p>JS通过JavaScriptCore/JavaScriptCore.hOC的方法</p> <p>姓名:孟玲旭</p> <p>博客主页:</p>
<p >https://home.cnblogs.com/u/menglingxu/</p> <button type = "button" onclick = "locationFunction()" > JS调OC第二法无参数 </button>
<button type = "button" onclick = "locationFunction2()" > JS调OC第二法传参数 </button>
<button type = "button" onclick = "change.callChangeColor()" > 点击改变颜色</button> <script type = "text/javascript">
function locationFunction()
{
//调用OC的方法,没有参数
jstoocNoPrams(); } function locationFunction2()
{
//调用OC的第二个方法
jstoocHavePrams('参数1','参数2','参数3');
}
</script>
</body> </html>

这时已经给了oc两个方法,一个是  jstoocNoPrams  第二个是  jstoocHavePrams

我们要做的就是县引入框架

#import <JavaScriptCore/JavaScriptCore.h>

然后得到方法

- (void)handleJScallOC
{ //拿到WebView执行JS的执行环境,很重要的东西
JSContext *context = [self.webView valueForKeyPath:@"documentView.webView.mainFrame.javaScriptContext"]; //点击了无参数,jstoocNoPrams是JS的方法名称
context[@"jstoocNoPrams"] = ^(){
NSLog(@"点击了没有传参数按钮");
// 在这里完成操作
dispatch_async(dispatch_get_main_queue(), ^{ }); }; //点击传参数 jstoocHavePrams方法名称
context[@"jstoocHavePrams"] = ^(){
//获得参数
NSArray *prams = [JSContext currentArguments]; NSLog(@"%@", prams); dispatch_async(dispatch_get_main_queue(), ^{ }); }; }

这就是block的方式

细心的同学会发现

 <button type = "button" onclick = "change.callChangeColor()" > 点击改变颜色</button>  

这句话咋还没用上呢

这就是最后一种方法  协议的方式

首先写一个协议 注意名字 callChangeColor() 不要写错

@protocol MLGB <JSExport>

- (void)callChangeColor;

@end

然后遵循协议

JS 与 OC

最后

#pragma mark - 第二种方式JSEport协议方式
- (void)regiseterResponser
{
JSContext *context = [self.webView valueForKeyPath:@"documentView.webView.mainFrame.javaScriptContext"];
[context setObject:self forKeyedSubscript:@"change"];
} - (void)callChangeColor
{
NSLog(@"MLGB");
  // 实现所需要的操作。
}

以上就是JS调用OC

既然JS可以调用OC,那么OC 当然可以调用js

HTML代码

<html>

    <head>
</head> <body> <meta http-equiv="Content-Type"content="text/html; charset=UTF-8">
<br>
<p>OC调用JS的方法</p>
<p>方法:stringByEvaluatingJavaScriptFromString</p>
<br>
<p>我的主页:</p>
<p >https://home.cnblogs.com/u/menglingxu/</p>
<script type="text/javaScript"> function callJS(param)
{
alert(param);
}
</script> </body> </html>

方法名为callJS(param)

那么OC代码为

- (void)callJS
{
NSString *param = @"放屁";
NSString *js = [NSString stringWithFormat:@"callJS('%@')",param];
NSString *string = [self.webView stringByEvaluatingJavaScriptFromString:js];
NSLog(@"%@",string); }

可以在webview加载完成之后看看效果

- (void)webViewDidFinishLoad:(UIWebView *)webView
{
[self callJS];
}

最主要的方法  :stringByEvaluatingJavaScriptFromString

或者 用第二种方法也是webview加载完成之后看看效果

- (void)webViewDidFinishLoad:(UIWebView *)webView
{
// [self callJS];
//获得WebView的运行环境的对象
JSContext *context = [self.webView valueForKeyPath:@"documentView.webView.mainFrame.javaScriptContext"];
//调用方法(注意:这里是JS里面的定义的方法)
NSString *callJSstring = @"callJS('憋不住了,要放屁')";
[context evaluateScript:callJSstring];
}

千万别忘了方法名为callJS(param)这个方法OC在写的时候是这样的callJS('参数');