很多时候,我们使用UIWebView不是简单的显示一个网页这么简单的,我们需要更多的交互工作,譬如能否通过Objective-C的代码来控制网页的显示内容,能否监控网页上的点击事件等等,这里我是根据网上的资料做的演示,因此会有很多和网络已有的资料相同的地方。
此外,关于UIWebView的基本使用方面,请看我的另外一篇文章
iOS5编程--官方例子代码的研究--2.UICatalog-6
首先我们需要准备一个html文件,文件名称为1.html,内容如下:
<!DOCTYPE html PUBLIC
"-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html
xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta
http-equiv="Content-Type"
content="text/html; charset=utf-8" />
<title>test UIWebView and JS+html</title>
<style
type="text/css">
</style>
</head>
<body>
<h1>测试</h1>
<center><a
href="/1">调用Objective-C代码</a></center>
<center><a href="http://www.hotmail.com">hotmail</a></center>
<form
name="myform">
<input
id="field_1"
type="text"
name="input1"
value = "测试"/><br/><br/><br/>
<input
id="field_2"
type="text"
name="input2" /><br/><br/><br/>
<input
id="field_3"
type="text"
name="input3" /><br/><br/><br/>
</form>
</body>
</html>
其次根据上面的html内容,我们必须知道相关的javascript的知识,比如通过document.title可以得到上面网页的title。
建立一个View-Based Application,命名为tWeb,把1.html加入到工程中去,然后在tWebViewController上放上一个web view和一个button,如下所示
做好相关的链接和事件的响应,所以tWebViewController.h文件如下:
@interface tWebViewViewController :
UIViewController<UIWebViewDelegate> {
UIWebView *myWebView;
}
@property (nonatomic,
retain) IBOutlet
UIWebView *myWebView;
- (IBAction)be:(id)sender;
@end
我先贴出来tWebViewController.m的内容再解释。
@implementation tWebViewViewController
@synthesize myWebView;
- (void)didReceiveMemoryWarning
{
// Releases the view if it doesn't have a superview.
[super
didReceiveMemoryWarning];
// Release any cached data, images, etc that aren't in use.
}
#pragma mark - View lifecycle
- (void)viewDidLoad {
[super
viewDidLoad];
self.myWebView.delegate=self;
NSString *path = [[NSBundle
mainBundle] pathForResource:@"1"
ofType:@"html"];
[myWebView
loadRequest:[NSURLRequest
requestWithURL:[NSURL
fileURLWithPath: path]]];
}
- (BOOL)shouldAutorotateToInterfaceOrientation:(UIInterfaceOrientation)interfaceOrientation {
return YES;
}
- (void)viewDidUnload {
self.myWebView=nil;
}
- (void)dealloc {
[self.myWebView
release];
[super
dealloc];
}
#pragma mark –
#pragma mark UIWebViewDelegate
- (BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType
{
if ( [request.mainDocumentURL.relativePath
isEqualToString:@"/1"] ) {
UIAlertView* alert=[[UIAlertView
alloc]initWithTitle:@"成功"
message:@"从网页中调用的"
delegate:self cancelButtonTitle:@"Cancel"
otherButtonTitles:nil];
[alert
show];
[alert
release];
return false;
}
return true;
}
- (void)webViewDidStartLoad:(UIWebView *)webView
{
}
- (void)webViewDidFinishLoad:(UIWebView *)webView
{
NSString *title = [webView stringByEvaluatingJavaScriptFromString:@"document.title"];
NSLog(@"title=%@",title);
//NSString *st = [ webView stringByEvaluatingJavaScriptFromString:@"document.getElementById('field_1').value"];
NSString *st = [webView stringByEvaluatingJavaScriptFromString:@"document.myform.input1.value"];
NSLog(@"st =%@",st);
//添加数据
[myWebView
stringByEvaluatingJavaScriptFromString:@"var field = document.getElementById('field_2');"
"field.value='通过OC代码写入';"];
}
- (void)webView:(UIWebView *)webView didFailLoadWithError:(NSError *)error
{
}
- (IBAction)be:(id)sender {
[myWebView
stringByEvaluatingJavaScriptFromString:@"var field = document.getElementById('field_3');"
"field.value='test';"];
}
再viewDidLoad的时候,我们调用函数来是的webview load 1.html,因为我们设置web view的delegate是tWebViewController,因此,再下面的函数就是这个delegate定义的函数。
函数- (BOOL)webView:(UIWebView*)webView shouldStartLoadWithRequest:(NSURLRequest*)request
navigationType:(UIWebViewNavigationType)navigationType
是在webview发起任何一个请求的时候被调用,哪怕是第一次load 1.html的时候也会被调用。通过request.mainDocumentURL.relativePath可以得到本次请求的url,因此在1.html中由如下代码。
<center><ahref="/1">调用Objective-C代码</a></center>
<center><ahref="http://www.hotmail.com">hotmail</a></center>
这里由两个链接,一个是我们自定义的格式,一个是普通的http的url。你通过代码就可以看出,如果我们需要hold自定义的格式,就让这个函数返回false,这样web view就不会有进一步的动作。
函数
- (void)webViewDidStartLoad:(UIWebView*)webView
是在将要load一个url的时候被调用。
函数
- (void)webViewDidFinishLoad:(UIWebView*)webView
是在一个url被完全load近来后被调用。
所以这里的代码更多。看第一行代码NSString*title = [webViewstringByEvaluatingJavaScriptFromString:@"document.title"];,其中函数stringByEvaluatingJavaScriptFromString是可以将javascript嵌入页面中,通过这个方法我们可以在iOS中与UIWebView中的网页元素交互,需要等UIWebView中的页面加载完成之后去调用。这里第一行代码就是得到了1.html的title.,下面的都是依此类推了。
分享到:
相关推荐
UIWebView和js交互 里边自己写了个H5方便大家理解
UIWebView与JS交互小例子,其中涉及APP向JS提交信息,和JS提交信息给App
UIWebview使用中的js交互简单的简析 欢迎大家指点 共同学习
使用UIWebView和JS进行交互,可以OC操作js,也可以JS对OC进行交互
UIWebView原生与H5交互,pre;confirm;等包含三个H5页面跳转的交互demo
对从网络请求回来的html页面进行交互,在开发过程中,从服务器请求回来然后本地可以与之交互
利用UIWebView下载缓存网页,离线情况下也可以看之前下载过的网页
这个事UIwebView与js交互的第二个demo,实现了通过html页面上的事件,传递数据到OC页面。感觉挺有代表性的,感兴趣的话,可以下载看看哦
一个简单的demo实现了对html页面上简单事件的响应,但是没有实现获取输入的值
这个demo主要实现了OC页面传值到js页面,并修改html 页面的值,同时实现了html 页面的数据传递到 OC页面,很经典的哦
使用cocos2d-x实现UIWebView加载网页。本人已上传了名为“QQLogin.zip”.
UIWebView Web 网页 Demo 代码
该demo实现了在iOS的UIWebView下,OC与JS方法之间的相互调用
网页视图的基本使用,网络资源地址字符串的处理,UIWebView属性与协议的综合使用;
作者ShawnFoo,源码SwiftWebViewBridge,Swift版的WebViewJavascriptBridge, UIWebview中Swift与JavaScript的交互。
之前提到UIWebView使用一个UIScrollView对象来关联web页面的内容,通过UIWebView的scrollView属性即可获得该对象,默认情况下网页长度超出设备视口长度后页面会滚动,用户使用手指滚动页面到页面边距并放开手指后...
ios的UIWebView详解,定义、实现delegate、webView和js的交互、原生调用js、js调用原生
UIWebView+html+css,实现UIWebView中可点击链接,并且可显示gif动画效果
UIWebView实现图文混排
UIWebView 是用来加载加载网页数据的一个框,接下来通过本文给大家介绍IOS中使用UIWebView 加载网页、文件、 html的方法,对本文详情感兴趣的朋友一起学习吧