【iOS开发之OC和JS互调】
1.OC中调用JS代码
- 公司的移动端需要加载一个现有的网页，并且要在原网页要做一些小的调整，如将网页的标题改一下加载到手机的app上，此时就可以在app的oc代码中加入JS代码来实现。如下例子，我要加载一个鲜花网（http://www.xianhua.cn/m/）并把它原有的标题"手机鲜花网"改为"鲜花网".
- 原网页如下
- 代码如下,先在viewDidLoad中加载网页，并加上菊花，隐藏网页（因为直接加载处理的标题不是我们想要的），再到 webViewDidFinishLoad: 这个方法中将js代码写入到一个字符串，作为参数传入这个方法 stringByEvaluatingJavaScriptFromString： ，此时网页就被改了，最后停止菊花，显示网页。
- (void)viewDidLoad {
[super viewDidLoad];
//加载HTML
NSURL *url = [NSURL URLWithString:@"http://www.xianhua.cn/m/"];
NSURLRequest *request = [NSURLRequest requestWithURL:url];
[self.webView loadRequest:request];
// 先将网页隐藏
self.webView.scrollView.hidden = YES;
self.webView.backgroundColor = [UIColor grayColor];
// // 加菊花
UIActivityIndicatorView *displayView = [[UIActivityIndicatorView alloc] initWithActivityIndicatorStyle:UIActivityIndicatorViewStyleWhiteLarge];
self.displayView = displayView;
// 开始转圈
[displayView startAnimating];
displayView.center = self.view.center;
[self.webView addSubview:displayView];
}
#pragma - 代理方法
-(void)webViewDidFinishLoad:(UIWebView *)webView{
NSString *str = @"document.getElementById('header').getElementsByTagName('h1')[0].innerText = '鲜花网';""document.getElementsByClassName('detail_btns2')[0].remove();""document.getElementById('xiazaiapp').getElementsByTagName('a')[0].innerText = '下载大神6期鲜花网(www.6q.com)App';";
// 加载js代码
[webView stringByEvaluatingJavaScriptFromString:str];
// 当执行完以上js代码后，就停止动画，并显示网页
dispatch_after(dispatch_time(DISPATCH_TIME_NOW, (int64_t)(1.0 * NSEC_PER_SEC)), dispatch_get_main_queue(), ^{
[self.displayView stopAnimating];
self.webView.scrollView.hidden = NO;
});
}
- 结果如下，可以看到标题已经改成鲜花网了：
2. JS中调用OC方法
- 在网页中点击一个按钮打开手机相册，这样的需求就需要在js代码中调用oc的方法
- 可以先在js中布局一个按钮，并写一个函数，当点击按钮时就调用这个函数，函数中一定要传递一个参数，这个参数就包括：协议头（用来识别是谁发送的请求）和方法名，如下代码，协议头是"js：///",要调用的方法名是"openCamera"：
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>打开相册</title>
<style>
body{
padding: 30px;
}
</style>
</head>
<body>
<button onclick="openCamera();">打开相册</button>
<script type="text/javascript">
// 内置对象 window
function openCamera(){
window.location.href = 'js:///openCamera';
}
</script>
</body>
</html>
- 此时JS代码已经完成，再到OC中解析，在这个方法中webView:shouldStartLoadWithRequest:navigationType:获取JS传递过来的参数，并解析它，将方法名截取出来，调用该方法
- (void)viewDidLoad {
[super viewDidLoad];
NSURL *url = [[NSBundle mainBundle] URLForResource:@"openCamera" withExtension:@"html"];
NSURLRequest *request = [NSURLRequest requestWithURL:url];
[self.webView loadRequest:request];
}
// 打开相册
- (void)openCamera{
UIImagePickerController *vc = [[UIImagePickerController alloc] init];
vc.sourceType = UIImagePickerControllerSourceTypePhotoLibrary;
[self presentViewController:vc animated:YES completion:nil];
}
#pragma mark -<UIWebViewDelegate>
- (BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType{
NSString *webUrl = request.URL.absoluteString;
NSRange range = [webUrl rangeOfString:@"js:///"];
// 获取协议头的第一个字母位置
NSUInteger location = range.location;
// 如果协议正确
if (location != NSNotFound) {
// 从协议头最后一个字母开始，全部转为字符串（拿到方法名）
NSString *str = [webUrl substringFromIndex:location + range.length];
// 将字符串转为selector，并给self调用
SEL open = NSSelectorFromString(str);
[self performSelector:open];
}
return YES;
}
【iOS开发之OC和JS互调】的更多相关文章
- ios开发之OC基础-类和对象
本系列的文章主要来自于个人在学习前锋教育-欧阳坚老师的iOS开发教程之OC语言教学视频所做的笔记,边看视频,边记录课程知识点.建议大家先过一遍视频,在看视频的过程中记录知识点关键字,把把握重点,然后再 ...
- ios开发之OC基础-oc小程序
本系列的文章主要来自于个人在学习前锋教育-欧阳坚老师的iOS开发教程之OC语言教学视频所做的笔记,边看视频,边记录课程知识点.建议大家先过一遍视频,在看视频的过程中记录知识点关键字,把把握重点,然后再 ...
- ios开发之OC基础-ios开发学习路线图
本系列的文章主要来自于个人在学习前锋教育-欧阳坚老师的iOS开发教程之OC语言教学视频所做的笔记,边看视频,边记录课程知识点.建议大家先过一遍视频,在看视频的过程中记录知识点关键字,把把握重点,然后再 ...
- 李洪强iOS开发之OC语言前期准备
OC语言前期准备 一.OC简介 Oc语言在c语言的基础上,增加了一层最小的面向对象语法,完全兼容C语言,在OC代码中,可以混用c,甚至是c++代码. 可以使用OC开发mac osx平台和ios平台的应 ...
- 李洪强iOS开发之OC语言基础知识
OC语言基础知识 一.面向对象 OC语言是面向对象的,c语言是面向过程的,面向对象和面向过程只是解决问题的两种思考方式,面向过程关注的是解决问题涉及的步骤,面向对象关注的是设计能够实现解决问题所需功能 ...
- 李洪强iOS开发之OC点语法和变量作用域
OC点语法和变量作用域 一.点语法 (一)认识点语法 声明一个Person类: 1 #import <Foundation/Foundation.h> 2 3 @interface Per ...
- 李洪强iOS开发之OC面向对象—多态
OC面向对象—多态 一.基本概念 多态在代码中的体现,即为多种形态,必须要有继承,没有继承就没有多态. 在使用多态是,会进行动态检测,以调用真实的对象方法. 多态在代码中的体现即父类指针指向子类对象. ...
- 李洪强iOS开发之OC语言类的深入和分类
OC语言类的深入和分类 一.分类 (一)分类的基本知识 概念:Category 分类是OC特有的语言,依赖于类. 分类的作用:在不改变原来的类内容的基础上,为类增加一些方法. 添加一个分类: 文件 ...
- 李洪强iOS开发之OC语言构造方法
OC语言构造方法 一.构造方法 (一)构造方法的调用 完整的创建一个可用的对象:Person *p=[Person new]; New方法的内部会分别调用两个方法来完成2件事情,1)使用alloc方法 ...
随机推荐
- Hadoop参数优化
dfs.block.size 决定HDFS文件block数量的多少(文件个数),它会间接的影响Job Tracker的调度和内存的占用(更影响内存的使用), mapred.map.tasks.spec ...
- Php 常用类
图表库下面的类库可以让你很简单就能创建复杂的图表和图片.当然,它们需要GD库的支持.pChart - 一个可以创建统计图的库.Libchart - 这也是一个简单的统计图库.JpGraph - 一个面 ...
- java 代码第一天练习
这个是在其他博文中看到的http://blog.sina.com.cn/eltaera,用来记录学习分享 [程序1] 题目:古典问题:有一对兔子,从出生后第3个月起每个月都生一对兔子,小兔子长到第三个 ...
- hdu1025 最长不下降子序列nlogn算法
C - DP Crawling in process... Crawling failed Time Limit:1000MS Memory Limit:32768KB 64bit I ...
- jQuery 分割按钮（Split Button）
代码写多了,有些使用过的方法和技巧会一时半会想不起来,平日记录下来,方便自己和有需要的人日后查阅. <html> <head> <style type="tex ...
- 转：QT 的点点滴滴 错误总结
转自:http://blog.csdn.net/lbsljn/archive/2009/12/29/5099590.aspx MinGw + CodeBlock + QT4.5 类定义后面要加&quo ...
- KesionCMS V6.5后台拿SHELL方法
Title:KesionCMS V6.5后台拿SHELL方法 --2011-03-29 00:21 最近弄一个站点,是KesionCMS V6.5的WEB系统,试了下后台拿webshell方法,记下 ...
- css 选择器 (学习笔记)
参考 http://zachary-guo.iteye.com/blog/605116 1. div+p 选择紧接在 <div> 元素之后的所有 <p> 元素.解释 : fi ...
- Cisco C2900XL
http://docstore.mik.ua/univercd/cc/td/doc/product/lan/c2900xl/c2900sa4/sa4cr/macintr.htm#xtocid10160 ...
- FMX手机app，如何下载网站图片而不卡界面
你用的版本? 你应该关注下delphi 更新说明第一方法: 可以用线程.第二方法: TNetHTTPClient 已经支持异步 TThread.CreateAnonymousThread( proce ...