您的位置：首页 > Web前端 > HTML

Web网页里的HTML链接的处理和界面的跳转

2015-01-05 09:35 393 查看

Web网页里的HTML链接的处理和界面的跳转

序言：

灵活的触摸处理也是UIWebView中的强项。对此，我们也可以开发基于HTML代码的应用程序。

正文：

第一：

我们要创建一个UIWebView的对象。代码：

UIWebView*_ZSJwebView;

第二：

我们初始化我们创建的UIwebView的对象_ZSJwebView，代码如下;

_ZSJwebView=[[UIWebView alloc]initWithFrame:self.view.frame];
    _ZSJwebView.delegate=self;
    _ZSJwebView.autoresizingMask=UIViewAutoresizingFlexibleWidth|UIViewAutoresizingFlexibleHeight;
//    _ZSJwebView.dataDetectorTypes=UIDataDetectorTypeAll;
    [self.view addSubview:_ZSJwebView];

第三步：

我们写加载HTML文件的私有方法、。

//读入指定的HTML文件的私有方法

-(void)loadHTMLField:(NSString*)path
{
    
    NSArray*compArr=[path   pathComponents];
    NSLog(@"%@",compArr);
    NSString*resourStr=[compArr  lastObject];
     NSLog(@"%@",resourStr);
    NSString*absolutepath;
    
    if (absolutepath =[[NSBundle mainBundle] pathForResource:resourStr ofType:nil]) {
        
        NSData*data=[NSData dataWithContentsOfFile:absolutepath];
        
        [_ZSJwebView loadData:data MIMEType:@"text/html" textEncodingName:@"utf-8" baseURL:nil];
        
    }else
    {
        
        
        
        NSLog(@"%@ not font",resourStr);
        
    }
    
    
    
    
}

第四步：

我们处理触摸后的跳转。代码：

-(BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType{
    
    
    //触摸链接后，进入href属性为URL的下一个画面。
    if ( UIWebViewNavigationTypeLinkClicked==navigationType) {
        
        
        
        
        NSString*url=[[request URL] path];
        
        
        [self loadHTMLField:url];
        return  FALSE;
    }
    
    
    return TRUE;
    
    
}

第五步：

我们要设定首次，加载的网页。代码：

//画面显示后，首先显示top。htm

-(void)viewDidAppear:(BOOL)animated{
    
    
    
    
    [super viewDidAppear:animated];
    
    
    [self loadHTMLField:@"top.htm"];
}

第六步：

我们还要写两个HTML 文件。

文件一、

[top.htm]

<html>
   <head>
       <title>首页</title>
       <meta charset=@"utf-8">
        <meta name="岁月风沙" content="width=device-width"/>
</head>
<body>
     <h1>三个美女</h1>
     <hr/>
<h2>准备要哪个美女</h2>
<o1>
<li /><a href="page1.htm">刘亦菲</a>
<li /><a href="page2.htm">范冰冰</a>
<li /><a href="page3.htm">何洁</a>
</o1>
</body>
</html>

文件二、

[page1.htm]

<html>
   <head>
       <title>刘亦菲美女</title>
       <meta charset=@"utf-8">
        <meta name="岁月风沙" content="width=device-width"/>
</head>
<body>
     <h1>刘亦菲</h1>
     <hr/>
<h2> 哪个美女，你都别想要！</h2>
<o1>
<li /><a href="top.htm">返回</a>
 
</o1>
</body>
</html>

第六步：

效果展示：

完整代码：

#import <UIKit/UIKit.h>

@interface ViewController : UIViewController<UIWebViewDelegate>
{
    
   UIWebView*_ZSJwebView;    
    UIActivityIndicatorView*_ZSJActivity;
    
   
}

@end

#import "ViewController.h"
#import "Mylabel.h"

@implementation ViewController
-(void)viewDidLoad{
    
    
   _ZSJwebView=[[UIWebView alloc]initWithFrame:self.view.frame];
    _ZSJwebView.delegate=self;
    _ZSJwebView.autoresizingMask=UIViewAutoresizingFlexibleWidth|UIViewAutoresizingFlexibleHeight;
//    _ZSJwebView.dataDetectorTypes=UIDataDetectorTypeAll;
    [self.view addSubview:_ZSJwebView];    
    
    _ZSJActivity=[[UIActivityIndicatorView alloc]initWithFrame:CGRectMake(0, 0, 20, 20)];
    
    UIBarButtonItem*indicator=[[UIBarButtonItem alloc]initWithCustomView:_ZSJActivity];
    UIBarButtonItem*adjustment=[[UIBarButtonItem alloc]initWithBarButtonSystemItem:UIBarButtonSystemItemFlexibleSpace target:nil action:nil];
    
    NSArray*buttons=[NSArray arrayWithObjects:adjustment,indicator,adjustment, nil];
    [self setToolbarItems:buttons animated:YES];
    
    
    
    
    
    
    
}

//读入指定的HTML文件的私有方法

-(void)loadHTMLField:(NSString*)path
{
    
    NSArray*compArr=[path   pathComponents];
    NSLog(@"%@",compArr);
    NSString*resourStr=[compArr  lastObject];
     NSLog(@"%@",resourStr);
    NSString*absolutepath;
    
    if (absolutepath =[[NSBundle mainBundle] pathForResource:resourStr ofType:nil]) {
        
        NSData*data=[NSData dataWithContentsOfFile:absolutepath];
        
        [_ZSJwebView loadData:data MIMEType:@"text/html" textEncodingName:@"utf-8" baseURL:nil];
        
    }else
    {
        
        
        
        NSLog(@"%@ not font",resourStr);
        
    }
    
    
    
    
}
-(BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType{
    
    
    //触摸链接后，进入href属性为URL的下一个画面。
    if ( UIWebViewNavigationTypeLinkClicked==navigationType) {
        
        
        
        
        NSString*url=[[request URL] path];
        
        
        [self loadHTMLField:url];
        return  FALSE;
    }
    
    
    return TRUE;
    
    
}
//画面显示后，首先显示top。htm

-(void)viewDidAppear:(BOOL)animated{
    
    
    
    
    [super viewDidAppear:animated];
    
    
    [self loadHTMLField:@"top.htm"];
} @end

【top.htm】
<html>
   <head>
       <title>首页</title>
       <meta charset=@"utf-8">
        <meta name="岁月风沙" content="width=device-width"/>
</head>
<body>
     <h1>三个美女</h1>
     <hr/>
<h2>准备要哪个美女</h2>
<o1>
<li /><a href="page1.htm">刘亦菲</a>
<li /><a href="page2.htm">范冰冰</a>
<li /><a href="page3.htm">何洁</a>
</o1>
</body>
</html>

【page1.htm】
<html>
   <head>
       <title>刘亦菲美女</title>
       <meta charset=@"utf-8">
        <meta name="岁月风沙" content="width=device-width"/>
</head>
<body>
     <h1>刘亦菲</h1>
     <hr/>
<h2> 哪个美女，你都别想要！</h2>
<o1>
<li /><a href="top.htm">返回</a>
 
</o1>
</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航