非常多应用为了节约成本，做出同一时候在Android与iOS上都能使用的界面，这时就要使用WebView来做。Android和IOS上都有WebView，做起来非常省事。当然这时就要考虑怎样在Android或iOS中实现与网页的交互。对iOS而言，包含怎样在网页中调用OC，以及怎样在OC中对网页进行操作。

先将网页弄到iOS项目中：

网页内容例如以下， 仅供測试：

<html>

<head>

    <meta xmlns="http://www.w3.org/1999/xhtml" http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <title>这是一个演示样例html文件</title>

    <script Type='text/javascript'>

        function clickme() {

            alert('点击button了！');

        }

    </script>

</head>

<body>

    <h1>OC与JS互动</h1>

	<h2>blog.csdn.net/xn4545945</h2>

    <!-- 自己定义协议与OC进行交互 -->

    <a href="neng://loadUrl/blog.csdn.net">点击一下, 链接调用OC函数</a>

    <br/>

    <br/>

    <a href="http://m.baidu.com">js注入, 到baidu页面上实验</a>

</body>

</html>

一、在OC中调用JS

最重要的方法：stringByEvaluatingJavaScriptFromString

直接上代码，说明见凝视：

/**===========================OC 中调用 JS====================================*/

- (void)webViewDidFinishLoad:(UIWebView *)webView {

	//1.OC中调用JS的文档对象. (先拼出文档对象的属性) 能够在浏览器控制台输入来进行測试

	NSLog(@"%@", [self.webView stringByEvaluatingJavaScriptFromString:@"document.title"]);

	//2.OC中调用JS的方法

	[self.webView stringByEvaluatingJavaScriptFromString:@"clickme()"];

}

二、用超链接来调用OC中方法

步骤：

*1.设置webView的代理<UIWebViewDelegate>
*2.在代理的方法shouldStartLoadWithRequest:中调用.(该方法与网页的载入有关)
*方法:就是在网页链接中写好自己定义协议.然后在OC方法中检查点击的链接中是否有该协议,有则做相关操作.

代码例如以下：

/**=========================== webView链接 中调用 OC===============================*/

/**webView的代理方法:载入页面有关. 当直接返回为NO时,会调用JS方法

   当中request參数与发送请求有关*/

- (BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType {

	NSLog(@"%@", request.URL.absoluteString); //能够直接拿到发送请求的网址

	NSString *urlStr = request.URL.absoluteString;

	// 格式 neng://loadUrl/blog.csdn.net  协议/方法/网址

	//推断链接中的协议头,假设是neng://, 则进行相关操作

	if ([urlStr hasPrefix:@"neng://"]) {

		//拿到除去协议头的后部

		NSString *urlContent = [urlStr substringFromIndex:[@"neng://" length]];

		NSLog(@"%@", urlContent);

		//用/来拆分字符串

		NSArray *urls = [urlContent componentsSeparatedByString:@"/"];

		NSLog(@"拆分的结果为:%@", urls);

		//取出方法名

		if (urls.count != 2) {

			return NO;

		}

		NSString *funName = [NSString stringWithFormat:@"%@:", urls[0]]; //带參数的方法,加冒号

		SEL callFun = NSSelectorFromString(funName);

//取消警告

# pragma clang diagnostic push

# pragma clang diagnostic ignored "-Warc-performSelector-leaks"

		[self performSelector:callFun withObject:urls[1]]; //将blog.csdn.net作为參数传入

# pragma clang diagnostic pop

		NSLog(@"方法名为%@, 传入參数为%@", funName, urls[1]);

		return NO;

	}

	return YES;

}

- (void)loadUrl:(NSString *)urlStr {

	NSLog(@"接收到參数: %@", urlStr);

	//跳转到指定的URL--->urlStr

	NSURL *url = [NSURL URLWithString:[NSString stringWithFormat:@"http://%@", urlStr]];

	NSURLRequest *request = [NSURLRequest requestWithURL:url];

	[self.webView loadRequest:request];

}

三、JS实现注入

JS是操作网页的利器，利用好JS才干真正在应用中随心所欲的操作网页。

核心方法：stringByEvaluatingJavaScriptFromString（与第一个同样，这个是在iOS中操作JS最重要方法）

代码例如以下：

/**===========================JS  注入====================================*/

- (void)jsClick {

	[self.webView stringByEvaluatingJavaScriptFromString:@"var script = document.createElement('script');"

	 "script.type = 'text/javascript';"

	 "script.text = \"function myFunction() { "   //定义myFunction方法

	 "var field = document.getElementsByName('word')[0];"

	 "field.value='WWDC2014';"

	 "document.forms[0].submit();"

	 "}\";"

	 "document.getElementsByTagName('head')[0].appendChild(script);"];  //加入到head标签中

	[self.webView stringByEvaluatingJavaScriptFromString:@"myFunction();"];

}

附上样例源代码：http://download.csdn.net/detail/xn4545945/7584575

转载请注明出处：http://blog.csdn.net/xn4545945

【iOS】网页中调用JS与JS注入的更多相关文章

  1. js网页中调用本地应用程序

    <!DOCTYPE html> <html lang="zh-CN"> <head> <meta http-equiv="Con ...

  2. bug日记之---------js中调用另一个js中的有ajax的方法, 返回值为undefind

    今天做一个OCR授权的需求, 需要开发一个OCR弹框, 让用户选择是否授权给第三方识别公司(旷世科技)保存和识别用户个人信息, 照片等. 其中用到了在一个js的方法中调用另外一个js的方法, 其中有一 ...

  3. Js文件函数中调用另一个Js文件函数的方法

    在项目中Js文件需要完成某一功能,但这一功能的大部分代码在另外一个Js文件已经完成,只需要调用这个文件实现功能.那么如何调用:一个Js文件函数中调用另一个Js文件函数的方法? (直接代码说明) 示例d ...

  4. ios开发－－网页中调用JS与JS注入

    先将网页弄到iOS项目中: 网页内容如下, 仅供测试: <html> <head> <meta xmlns="http://www.w3.org/1999/xh ...

  5. 如何在网页中调用百度地图api

    我想在木有提供地图接口的年代,前端工程师门要么只写上企业的具体地址,要么就是用一张标有自己位置的地图图片.但是现在不一样啦!为了增强用户体验,谷歌,甚至百度都很开放了,你可以在他们的网站上找到地图接口 ...

  6. iOS程序中调用系统自带应用(短信，邮件，浏览器，地图，appstore，拨打电话,iTunes，iBooks )

    在网上找到了下在记录下来以后方便用 在程序中调用系统自带的应用,比如我进入程序的时候,希望直接调用safar来打开一个网页,下面是一个简单的使用:

  7. [置顶] ios 网页中图片点击放大效果demo

    demo功能:点击网页中的图片,图片放大效果的demo.iphone6.1 测试通过. demo说明:通过webview的委托事件shouldStartLoadWithRequest来实现. demo ...

  8. <<< 网页中如何利用原生js和jquery储存cookie

    javascript当中的cookie机制,使应用达到了真正的全局变量的要求,cookie是浏览器提供的一种机制,它将document 对象的cookie属性提供给JavaScript.可以由Java ...

  9. 如何快速找出网页中事件对应的js代码片段

    后端人员也免不了要处理一些前端的事情,由于代码不是自己写的,所以不好找到相关的代码. 比如在表单提交时,前端提交的数据不正确,这时候你可能会想在谷歌浏览器里添加一个鼠标 点击事件的断点. 然而查看js ...

随机推荐

  1. logback自定义格式转换器

    创建自定义格式转换符有两步. 首先,必须继承ClassicConverter类.ClassicConverter对象负责从ILoggingEvent 提取信息,并产生一个字符串.例如,LoggerCo ...

  2. HDU 4731 Minimum palindrome 2013 ACM/ICPC 成都网络赛

    传送门:http://acm.hdu.edu.cn/showproblem.php?pid=4731 题解:规律题,我们可以发现当m大于等于3时,abcabcabc……这个串的回文为1,并且字典数最小 ...

  3. pxe网络安装操作系统 原理与详细过程

    摘要:在实际工作中,我们经常会遇到这样的情况:想要安装Linux但是计算机不带光驱或软驱,或者是笔记本配置的非标准的软驱和光驱,如1394接口,USB接口等,在Linux安装时所引导的Linux内核一 ...

  4. 怎样在VirtualBox 虚拟机中挂载共享目录

    啊.好长时间没写博客了.近期有点忙~~ 不得不说 VirtualBox 对于一些不想装非常多个系统又非常想实验新系统的人来说确实是神器: 哈哈.个人还是比較爱玩这些个各种各样的Linux 发型版的,可 ...

  5. Android:源码环境编译自定义的APP到ROM(System Image)中

    有时候我们需要在源码环境中增加自己的应用或模块,随ROM一起发布. 下面讲述相关步骤: 1. 首先可以在SDK环境下进行编码设计(如果你的APP不涉及到emulator无法模拟的硬件的话) 也可以参考 ...

  6. C程序设计语言之一

    %d 按照十进制整形数打印: %o 按照八进制整形数打印: %x 按照十六进制整形数打印: %c 表示字符 %s 表示字符串 %% 表示%本身打印: %ld long型输出 ”幻数“: #define ...

  7. ThinkPHP - CURD增删改查 - 实例 - 搜索功能

    模板代码: /** * 搜索数据 * @return 无返回值 */ public function search(){ //判断并接收参数 //姓名 if ( isset($_POST['usern ...

  8. int_float_double数据类型的存储格式。

    一段用来检测编辑器存储方式的程序 //date : 2013/8/16 //designer :pengxiaoen //function check the C programmable langu ...

  9. VirtualBox虚拟机安装RedHat7.3编译Linux0.01内核

    引子 由于需要编译linux0.01内核,而目前的linux版本太高需要降低gcc版本等等,需要做不少调整非常不方便. 所以,直接安装RedHat7.3,这样就好编译linux0.01的内核了. 但是 ...

  10. 自己定义progressdialog，改善用户体验

    自己定义progressdialog,改善用户体验 效果图: 详细实现方式: 1.定义Dialog的Layout布局 2.设置动画anim 3.创建自己定义dialog的样式 4.创建共同拥有方法来控 ...