`
ydbc
  • 浏览: 711188 次
  • 性别: Icon_minigender_1
  • 来自: 大连
文章分类
社区版块
存档分类
最新评论

Objective-C与JavaScript的交互

 
阅读更多

UIWebView是iOS最常用的SDK之一,它有一个stringByEvaluatingJavaScriptFromString方法可以将javascript嵌入页面中,通过这个方法我们可以在iOS中与UIWebView中的网页元素交互。

UIWebView是iOS最常用的SDK之一,它有一个stringByEvaluatingJavaScriptFromString方法可以将javascript嵌入页面中,通过这个方法我们可以在iOS中与UIWebView中的网页元素交互。

stringByEvaluatingJavaScriptFromString

使用stringByEvaluatingJavaScriptFromString方法,需要等UIWebView中的页面加载完成之后去调用。我们在界面上拖放一个UIWebView控件。在Load中将google mobile加载到这个控件中,代码如下:

-(void)viewDidLoad
{
[super viewDidLoad];
webview.backgroundColor
=[UIColor clearColor];
webview.scalesPageToFit
=YES;
webview.
delegate=self;
NSURL
*url=[[NSURL alloc] initWithString:@"http://www.google.com.hk/m?gl=CN&hl=zh_CN&source=ihp"];

NSURLRequest
*request=[[NSURLRequest alloc] initWithURL:url];
[webview loadRequest:request];
}

我们在webViewDidFinishLoad方法中就可以通过javascript操作界面元素了。

1、获取当前页面的url。

-(void)webViewDidFinishLoad:(UIWebView*)webView {
NSString
*currentURL=[webView stringByEvaluatingJavaScriptFromString:@"document.location.href"];
}

2、获取页面title:

-(void)webViewDidFinishLoad:(UIWebView*)webView {
NSString
*currentURL=[webView stringByEvaluatingJavaScriptFromString:@"document.location.href"];

NSString
*title=[webview stringByEvaluatingJavaScriptFromString:@"document.title"];
}

3、修改界面元素的值。

NSString*js_result=[webView stringByEvaluatingJavaScriptFromString:@"document.getElementsByName('q')[0].value='朱祁林';"];

4、表单提交:

NSString*js_result2=[webView stringByEvaluatingJavaScriptFromString:@"document.forms[0].submit();"];

这样就实现了在google搜索关键字:“朱祁林”的功能。

5、插入js代码

上面的功能我们可以封装到一个js函数中,将这个函数插入到页面上执行,代码如下:

[webView stringByEvaluatingJavaScriptFromString:@"var script = document.createElement('script');"
"script.type = 'text/javascript';"
"script.text = \"function myFunction() {"
"var field = document.getElementsByName('q')[0];"
"field.value='朱祁林';"
"document.forms[0].submit();"
"}\";"
"document.getElementsByTagName('head')[0].appendChild(script);"];

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

看上面的代码:

a、首先通过js创建一个script的标签,type为'text/javascript'。

b、然后在这个标签中插入一段字符串,这段字符串就是一个函数:myFunction,这个函数实现google自动搜索关键字的功能。

c、然后使用stringByEvaluatingJavaScriptFromString执行myFunction函数。

演示:

第一步打开google mobile网站


第二步输入关键字


第三步搜素


总结:这篇文章主要是讲解了stringByEvaluatingJavaScriptFromString的用法,它的功能非常的强大,用起来非常简单,通过它我们可以很方便的操作uiwebview中的页面元素。

分享到:
评论

相关推荐

    IOS下 内嵌 HTML编辑器 Objective-C与JavaScript数据交互

    IOS下 内嵌 HTML编辑器 Objective-C与JavaScript数据交互

    Android代码-Objective-C与JavaScript交互在Android端的扩展

    WebViewJavascriptBridge for Android is Cross-platform WebViewJavascriptBridge for Android Extension,the JavaScript interface compatible with WebViewJavascriptBridge 。 Usage Add following to the ...

    iOS中使用JSPatch框架使Objective-C与JavaScript代码交互

    JSPatch是GitHub上一个开源的框架,其可以通过Objective-C的run-time机制动态的使用JavaScript调用与替换项目中的Objective-C属性与方法。其框架小巧,代码简洁,并且通过系统的JavaScriptCore框架与Objective-C进行...

    JS-Call-OC:javascript 调用objective-c 方法 及传参。 最全交互方法请查看 github.comshaojiankuiiOS-WebView-JavaScript

    c 方法 及传参如果SDK版本大于IO7可以用下JavaScriptCore.framework 框架,进行与 ObJective-c的交互,下边是个demoJavaScriptCore.framework :iOS7 中新加入的框架,用来处理JavaScript。JavaScriptCore 是苹果 ...

    iOS开发之Objective-C与JavaScript的交互

    UIWebView是iOS最常用的SDK之一,它有一个stringByEvaluatingJavaScriptFromString方法可以将javascript嵌入页面中,通过这个方法我们可以在iOS中与UIWebView中的网页元素交互。使用...

    java引用传递笔试题abc-javaScript_call_native:一个javaScript与Native原生App之间互调的demo

    Objective-C 与 JavaScript 交互 JavaScript 与 Objective-C 交互 内存管理 多线程 ##二、JavaScriptCore 简介 ###1、JavaScriptCore 和 JavaScriptCore 框架 首先要区分JavaScriptCore 和 JavaScriptCore框架(同后...

    NodObjC:Node.js和Objective-C桥

    它使用BridgeSupport文件从Objective-C“框架”动态生成API,并使用节点ffi模块与Objective-C运行时进行动态交互。 本质上, NodObjC本质上与其他流行的Objective-C脚本桥相似: 因此,您可以完全使用Node.js ...

    使用Object-C开发的练习项目

    进阶操作则涵盖了与JavaScript的交互,包括如何在Objective-C和JavaScript之间传递数据,如何调用彼此的方法等。这部分的实现非常有助于提升应用的交互性和功能性。在高级操作中,项目还实现了一个加载进度条,让用户...

    Objective-C 代码与Javascript 代码相互调用实例

    现在好的IOS 的 APP有时候会跟网页内容相关联,当然也是增加用户体验,及更好的,有效的体现APP 的功能。 由于本人在项目中会用到这部分功能,做下记录! JS调用OC 很多应用里面或多或少的调用了网页,来达到绚丽的...

    ios 原生与js交互

    ios7之后,ios中加入了JavaScriptCore框架。该框架让Objective-C和JavaScript代码直接的交互变得更加的简单方便。ios 原生与js交互,demo代码,其中包括利用JSBinding简单使用!

    ios-UIWebViewJSDemo.zip

    objective-C 于 javascript 的交互, 点击网页中标签包裹的的图片, 展示大图, 并浏览所有的图片

    OC中JavaScriptCore交互 JS交互

    JavaScriptCore交互一点简析 欢迎大家点评 互相学习

    JS与Native交互

    说明: JavaScriptCore是封装了JavaScript和Objective-C桥接的Objective-C API,只需要较少的的代码,就可以实现JavaScript与Objective-C的相互调用。 iOS7之后苹果推出了JavaScriptCore这个框架,从而让web页面和...

    JavaScriptCore-usage:JavaScriptCore-C接口详解,以及基本的使用方法

    JavaScriptCore Framework 是 iOS7 引入的新功能,其实就是基于 Webkit 中以 C/C++ 实现的 JavaScriptCore 的一个封装,大多数 iOS 比较熟悉的是它的 Objective-C API,可以用简洁的方式实现 JS 与Native 交互,其实...

    iOS图表

    它避免使开发人员对javascript和Objective-C之间的交互产生分歧。 温馨提示:如果你想使用甚至iOS8.0,我建议你使用WKEchartsView这是基于WKWebView 。 接口WKEchartsView是一样PYEchartsView ,因此,如果您使用的...

    java实现学生管理系统源码-js::full_moon:学习用JavaScript编码:dizzy:JavaScript课程合集

    java实现学生管理系统源码JavaScript 课程 JavaScript JavaScript 范例 多范式:面向对象(基于原型),命令式, 函数式,事件驱动 设计者 开发商 网景通讯公司, Mozilla 基金会, 第一次出现 1995 年 12 月 4 日 ...

    objective-teste

    在交互式监视模式下启动测试运行器。 有关更多信息,请参见关于的部分。 npm run build 构建生产到应用程序build文件夹。 它在生产模式下正确捆绑了React,并优化了构建以获得最佳性能。 生成被最小化,并且...

Global site tag (gtag.js) - Google Analytics