发布于 2016-01-05 17:08:27 | 356 次阅读 | 评论: 0 | 来源: PHPERZ

这里有新鲜出炉的精品教程,程序狗速度看过来!

iOS苹果移动操作系统

苹果iOS是由苹果公司开发的移动操作系统。苹果公司最早于2007年1月9日的Macworld大会上公布这个系统,最初是设计给iPhone使用的,后来陆续套用到iPod touch、iPad以及Apple TV等产品上。


iOS中偶尔也会用到webview来显示一些内容,比如新闻,或者一段介绍。但是用的不多,现在来教大家怎么使用js跟webview进行交互。

这里就拿点击图片获取图片路径为例:

1.测试页面html

<!doctype html><html>  <head>      </head>  <body>    <div>            <img src="test.png"/>          </div>  </body></html>

2.然后我们在controller中加载这一段html

[_webview loadRequest:[NSURLRequest requestWithURL:[[NSBundle mainBundle]URLForResource:@"work" withExtension:@"html"]]];

3.可以看到,这里只显示一张图片

 

4.加载相关js文件,命名为test.js

function setImageClickFunction()
{  
    var imgs = document.getElementsByTagName("img");
      for (var i=0;i<imgs.length;i++)
      {    
          var src = imgs[i].src;
          imgs[i].setAttribute("onClick","click(src)");
        } 
         document.location = imageurls;
}

function click(imagesrc)
{
    var url="ClickImage:"+imagesrc;
    document.location = url;
}

这里说下两个方法的意思(对那些不熟悉js的有帮助):第一个是给你的webview里所有图片加上点击事件,第二个方法为点击后返回图片的URL,关于接收这个URL下面说。

5.在controller中加载这一段js代码

[_webview stringByEvaluatingJavaScriptFromString:[NSString stringWithContentsOfURL:[[NSBundle mainBundle] URLForResource:@"test" withExtension:@"js"] encoding:NSUTF8StringEncoding error:nil]];

你还可以直接把js代码放到html中,效果是一样的。

6.在webview的代理方法中,我们用去调用第一个js方法

-(void)webViewDidFinishLoad:(UIWebView *)webView
{
     [_webview stringByEvaluatingJavaScriptFromString:@"setImageClickFunction()"];
}

,这里也就是说在webview加载完后给他绑定上点击事件。好了,最后就是接收URL了

7.接收js返回值,当点击图片的时候会实现这个代理方法(每次加载webview都会显示),然后我们输出他的返回值看看

-(BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType
{    
    NSString *path=[[request URL] absoluteString];
       NSLog(@"%@",path);
       return YES;
}
2014-10-03 19:39:37.099 webview[31153:60b] ClickImage:file:///Users/zhiwupei/Library/Application%20Support/iPhone%20Simulator/7.1-64/Applications/C4F814F6-088D-444F-A508-40AB5C775567/webview.app/test.png

可以看到控制台打印了图片路径出来。因为这里用的是本地图片,网络图片也是同样的道理。这样就可以实现点击图片获取到他的路径了。



相关阅读 :
iOS中UIWebView使用JS交互
iOS中 Query 的几个方法和如何使用 Wilddog 实现分页加载
iOS中使用RSA对数据进行加密解密
iOS中控制器的释放问题
iOS中获取当前时间与简单的处理
iOS开发之使用CocoaPods更新第三方出现“target overrides the `OTHER_LDFLAGS`……”问题解决方案
iOS中一句代码解决倒计时问题
在ios中制作3d文字球效果
iOS底层-KVC使用实践以及实现原理
iOS中autorelease的那些事儿
iOS 中的 block 是如何持有对象的
iOS开发之多图片无缝滚动组件封装与使用
最新网友评论  共有(0)条评论 发布评论 返回顶部

Copyright © 2007-2017 PHPERZ.COM All Rights Reserved   冀ICP备14009818号  版权声明  广告服务