iOS之在iOS中调用HTML

最新推荐文章于 2022-09-12 19:54:28 发布

iOS鸽子

最新推荐文章于 2022-09-12 19:54:28 发布

阅读量2.9k

点赞数 1

分类专栏： # iOS开发基础文章标签： iOS开发调用HTML

本文链接：https://blog.csdn.net/gezi0630/article/details/51945189

版权

iOS开发基础专栏收录该内容

16 篇文章 1 订阅

订阅专栏

说说在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