iOS之在iOS中调用HTML

来源：互联网发布：数控折弯机怎样编程编辑：程序博客网时间：2024/06/05 04:15

说说在iOS中调用HTML网页以及删除、修改、和插入图片的方法

首先看一段简单的文件名为“index.html”的HTML代码

<html>   <head>      <meta charset="UTF-8">   </head>   <body>      <p>12122121212112</p>      <ul>          <li>离离原上草</li>          <li>一岁一枯荣</li>          <li>野火烧不尽</li>          <li>春风吹又生</li>      </ul>   </body></html>

在iOS调用后的效果

这里写图片描述

下面看看怎么调用和改动

将index.html文件和一张名字为“img_01.jpg”的图片导入工程中
在Xcode中打开index.html文件，将代码略微修改如下

<html>   <head>      <meta charset="UTF-8">   </head>   <body>      <p id="word">12122121212112</p>      <ul>          <li class="change">离离原上草</li>          <li>一岁一枯荣</li>          <li>野火烧不尽</li>          <li>春风吹又生</li>      </ul>   </body></html>

在viewController.m中写入代码

#import "ViewController.h"@interface ViewController ()<UIWebViewDelegate>@end@implementation ViewController- (void)viewDidLoad {    [super viewDidLoad];    //创建webView    UIWebView * webView  = [[UIWebView alloc]init];    webView.frame = self.view.bounds;    [self.view addSubview:webView];    //指定代理    webView.delegate = self;    //加载网页    NSURL *url = [[NSBundle mainBundle] URLForResource:@"index" withExtension:@"html"];    NSURLRequest *request = [NSURLRequest requestWithURL:url];    [webView loadRequest:request];    }#pragma mark - 操作网页-(void)webViewDidFinishLoad:(UIWebView *)webView{    // 删除    NSString *str1 = @"var word = document.getElementById('word');";    NSString *str2 = @"word.remove();";    [webView  stringByEvaluatingJavaScriptFromString:str1];    [webView  stringByEvaluatingJavaScriptFromString:str2];    // 更改“离离原上草”    NSString *str3 = @"var change = document.getElementsByClassName('change')[0];"                       "change.innerHTML = '床前明月光';";    [webView stringByEvaluatingJavaScriptFromString:str3];    // 插入图片    NSString *str4 =@"var img = document.createElement('img');"                     "img.src = 'img_01.jpg';"                     "img.width = '300';"                     "img.height = '260';"                     "document.body.appendChild(img);";    [webView stringByEvaluatingJavaScriptFromString:str4];}@end

效果如图

这里写图片描述

0 0

iOS之 在iOS中调用HTML

说说在iOS中调用HTML网页以及删除、修改、和插入图片的方法

首先看一段简单的文件名为“index.html”的HTML代码

在iOS调用后的效果

下面看看怎么调用和改动

效果如图

iOS之在iOS中调用HTML