iOS中JavaScript和OC交互
2016-01-24 15:45
573 查看
在iOS开发中很多时候我们会和UIWebView打交道,目前国内的很多应用都采用了UIWebView的混合编程技术,最常见的是微信公众号的内容页面。前段时间在做微信公众平台相关的开发,发现很多应用场景都是利用HTML5和UIWebView来实现的。
Objective-C语言调用JavaScript语言,是通过UIWebView的
JavaScript语言调用Objective-C语言,并没有现成的API,但是有些方法可以达到相应的效果。具体是利用UIWebView的特性:在UIWebView的内发起的所有网络请求,都可以通过delegate函数得到通知。
下面提供一个简单的例子介绍如何相互的调用,实现的效果是在界面上点击一个链接,然后弹出一个对话框判断是否登录成功。
(1)示例的HTML的源码如下:
(2)UIWebView Delegate回调方法为:
说明:
1、同步和异步的问题
(1)Objective-C调用JavaScript代码的时候是同步的
(2)JavaScript调用Objective-C代码的时候是异步的
2、常见的JS调用
(1)获取页面title
(2)获取当前的URL
3、使用第三方库
1、动态将网页上的图片全部缩放
JavaScript脚本如下:
在iOS代码中添加如下代码:
机制
Objective-C语言调用JavaScript语言,是通过UIWebView的 - (NSString *)stringByEvaluatingJavaScriptFromString:(NSString *)script;的方法来实现的。该方法向UIWebView传递一段需要执行的JavaScript代码最后获取执行结果。
JavaScript语言调用Objective-C语言,并没有现成的API,但是有些方法可以达到相应的效果。具体是利用UIWebView的特性:在UIWebView的内发起的所有网络请求,都可以通过delegate函数得到通知。
示例
下面提供一个简单的例子介绍如何相互的调用,实现的效果是在界面上点击一个链接,然后弹出一个对话框判断是否登录成功。(1)示例的HTML的源码如下:
<html> <head> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=Edge" /> <meta content="always" name="referrer" /> <title>测试网页</title> </head> <body> <br /> <a href="devzeng://login?name=zengjing&password=123456">点击链接</a> </body> </html>
(2)UIWebView Delegate回调方法为:
- (BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType { NSURL *url = [request URL]; if([[url scheme] isEqualToString:@"devzeng"]) { //处理JavaScript和Objective-C交互 if([[url host] isEqualToString:@"login"]) { //获取URL上面的参数 NSDictionary *params = [self getParams:[url query]]; BOOL status = [self login:[params objectForKey:@"name"] password:[params objectForKey:@"password"]]; if(status) { //调用JS回调 [webView stringByEvaluatingJavaScriptFromString:@"alert('登录成功!')"]; } else { [webView stringByEvaluatingJavaScriptFromString:@"alert('登录失败!')"]; } } return NO; } return YES; }
说明:
1、同步和异步的问题
(1)Objective-C调用JavaScript代码的时候是同步的
- (NSString *)stringByEvaluatingJavaScriptFromString:(NSString *)script;
(2)JavaScript调用Objective-C代码的时候是异步的
- (BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType;
2、常见的JS调用
(1)获取页面title
NSString *title = [webview stringByEvaluatingJavaScriptFromString:@"document.title"];
(2)获取当前的URL
NSString *url = [webview stringByEvaluatingJavaScriptFromString:@"document.location.href"];
3、使用第三方库
https://github.com/marcuswestin/WebViewJavascriptBridge
使用案例
1、动态将网页上的图片全部缩放JavaScript脚本如下:
function ResizeImages() { var myImg, oldWidth; var maxWidth = 320; for(i = 0; i < document.images.length; i++) { myImg = document.images[i]; if(myImg.width > maxWidth) { oldWidth = myImg.width; myImg.width = maxWidth; myImg.heith = myImg.height*(maxWidth/oldWidth); } } }
在iOS代码中添加如下代码:
[webView stringByEvaluatingJavaScriptFromString: @"var script = document.createElement('script');" "script.type = 'text/javascript';" "script.text = \"function ResizeImages() { " "var myimg,oldwidth;" "var maxwidth=380;" //缩放系数 "for(i=0;i <document.images.length;i++){" "myimg = document.images[i];" "if(myimg.width > maxwidth){" "oldwidth = myimg.width;" "myimg.width = maxwidth;" "myimg.height = myimg.height * (maxwidth/oldwidth);" "}" "}" "}\";" "document.getElementsByTagName('head')[0].appendChild(script);"]; [webView stringByEvaluatingJavaScriptFromString:@"ResizeImages();"];
相关文章推荐
- 【JSTL】- 标签库的使用
- js判断数据类型
- [导入]一些web开发中常用的、做成cs文件的js代码 - 搜刮来的
- javascript对象的property和prototype是这样一种关系
- 利用JavaScript实现简单的拖动层(只使用于IE)
- JavaScript学习笔记
- JS010-DOM
- 百度地图js API的标注没有显示在视图中央
- js如何判断一组数字是否连续,得到一个临时数组[[3,4],[13,14,15],[17],[20],[22]];
- Js生成二维码
- mockjs模拟前后端交互
- CEF中JavaScript与C++交互
- js的作用域学习笔记
- JavaScript闭包的概念及用法
- javascript获取函数名称、函数参数、对象属性名称的代码实例
- JavaScript复习
- 201601241116_《Javascript优化(css,dom,loop)》
- JavaScript 正则表达式 RegExp 对象
- 基于JavaScript短信验证码如何实现
- js脚本三种实现字符串连接方法