JS 与 OC
做项目需要从网页点击跳转到app的一个页面上，并且需要获取参数。
当时后台给写的参数是这样的。自己打开浏览器看的源码
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
然后遵循协议
最后
#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('参数');
JS 与 OC的更多相关文章
- JS 与OC 交互篇
完美记录交互 CSDN博客: (OC调用JS) http://blog.csdn.net/lwjok2007/article/details/47058101 (JS调用OC) http://blog ...
- JS调用OC方法并传值，OC调用JS方法并传值////////////////////////zz
iOS开发-基于原生JS与OC方法互相调用并传值(附HTML代码) 最近项目里面有有个商品活动界面,要与web端传值,将用户在网页点击的商品id 传给客户端,也就是js交互,其实再说明白一点 ...
- UIWebView的应用和其中的JS与OC间传值
现在有很多的应用已经采用了WebView和html语言结合的开发模式.html5一直很火因为一份代码可以在多个平台上运用啊,效果各不相同都很美观,也越来越有一些公司直接招后台程序员和html5程序员, ...
- [iOS Hybrid实践：UIWebView中Html中用JS调用OC方法，OC执行JS代码]
原理: 1.JS调用OC 每次webview执行跳转时都会被iOS给拦截,执行下面函数获得系统允许. 因此可以根据跳转信息转给系统,执行相应功能,比如打开相册等. // 网页中的每一个请求都会被触发 ...
- UIWebView中Html中用JS调用OC方法及OC执行JS代码
HTML代码: <html> <head> <title>HTML中用JS调用OC方法</title> <meta http-equiv=&quo ...
- iOS中JS 与OC的交互(JavaScriptCore.framework)
iOS中实现js与oc的交互,目前网上也有不少流行的开源解决方案: 如:react native 当然一些轻量级的任务使用系统提供的UIWebView 以及JavaScriptCore.framewo ...
- iOS开发:JavaScriptCore.framework的简单使用--JS与OC的交互篇
iOS7之后苹果为众猿推出了JavaScriptCore.framework这个框架,这个框架为大家在与JS交互上提供了很大帮助,可以在html界面上调用OC方法并传参,也可以在OC上调用JS方法并传 ...
- ios-UIWebView中js和oc代码的互调
webview是ios中显示远程数据的网页控件,webview能显示的内容很多,MP4.文本.pdf等等: 关于js和oc代码的互相调用 1:oc中调用js代码; >>oc中调用js代码很 ...
- 史上最全的 UIWebview 的 JS 与 OC 交互
来源:伯乐在线 - 键盘风筝 链接:http://ios.jobbole.com/89330/ 点击 → 申请加入伯乐在线专栏作者 其实一直想给大家整理一下JS与OC的交互,但是没有合适的机会,今天借 ...
- 【转】使用JavaScriptCore在JS和OC间通信
http://www.cocoachina.com/ios/20160623/16796.html iOS 开发中,我们时不时的需要加载一些 Web 页面,一些需求使用 Web 页面来实现可以更可控, ...
随机推荐
- iOS设置状态栏的字体颜色
设置statusBar的[前景色部分] 1.plist设置statusBar 在plist里增加一行 UIStatusBarStyle(或者是“Status bar style”也可以),这里可以设置 ...
- 如何在Ubuntu中使用Eclipse + CDT开发C/C++程序
在Ubuntu中安装Eclipse和CDT步骤如下: 1. 下载资源(都下载到/home/maxw/Download/Eclipse下) A. 下载JRE(Java Runtime Enviro ...
- 微信小程序-未接入app.json错误
微信小程序建立新项目之后会出现app.json文件未接入错误如下图: 一般是因为在下图添加新项目,项目目录这一列,如果不事先建立一个空的文件夹,直接选择则不会出现quickstartup界面 所以在建 ...
- el5,6,7的ntpdate服务
在el5里没有ntpdate服务 在el6里有ntpdate服务 在el7里有ntpdate服务
- Docker学习小计
1.自动下载并且创建容器 Now verify that the installation has worked by downloading the ubuntu image and launchi ...
- 从底层谈WebGIS 原理设计与实现(三)：WebGIS前端地图显示之根据地理范围换算出瓦片行列号的原理（转载）
从底层谈WebGIS 原理设计与实现(三):WebGIS前端地图显示之根据地理范围换算出瓦片行列号的原理 1.前言 在上一节中我们知道了屏幕上一像素等于实际中多少单位长度(米或经纬度)的换算方法, ...
- WGCNA算法研究笔记
转自:http://www.gogoqq.com/ASPX/8390905/JournalContent/1303140588.aspx 研究了近半年的算法,记录下来给自己一个交代,也应该是考G前地最 ...
- linux下简单限制网卡速度
Linux下限制网卡的带宽,可用来模拟服务器带宽耗尽,从而测试服务器在此时的访问效果. 1.安装iproute yum -y install iproute 2.限制eth0网卡的带宽为50kbit: ...
- GWAS
GWAS的数据形式:SNP数据,即各个SNP位点的aa,Aa,AA基因型与疾病状态(0正常,1患病)的样例-对照数据. 在遗传流行病学上,全基因组关联研究(Genome Wide Associatio ...
- QT第一天学习
sudo apt-get install libqt4-dev回顾: 面向对象方法: 封装.继承.多态 封装:类 数据和操作 实现了信息隐藏 public: 类的内部 类的外部 private: pr ...