iOS与H5交互以及问题记录

最新推荐文章于 2023-08-30 10:33:48 发布

VIP文章学无止境Jesse

最新推荐文章于 2023-08-30 10:33:48 发布

阅读量1.5k

点赞数 1

分类专栏： iOS 项目 objective-c h5交互文章标签： ios H5 ios与h5交互 uiwebview

本文链接：https://blog.csdn.net/Jesse0308/article/details/53170760

版权

前提：在iOS控制器中加载UIWebView，设置代理，遵守UIWebViewDelegate协议。
这里写图片描述

一、iOS调用JS方法

通过iOS调用JS代码实现起来比较方便直接调用UIWebView的方法- (nullable NSString )stringByEvaluatingJavaScriptFromString:(NSString )script;

1.查询标签

  // 查询标签
  NSString *str = @"var word = document.getElementById('word');"                       @"alert(word.innerHTML)";

[webView stringByEvaluatingJavaScriptFromString:str];

2.为网页添加标签：
NSString *str = @”var img = document.createElement(‘img’);”
“img.src = ‘icon5.jpg’;”
“img.width = 300;”
“img.heigth = 100;”
“document.body.appendChild(img);”;
[webView stringByEvaluatingJavaScriptFromString:str];

3.删除网页标签：
// 删除标签
NSString *str1 = @”var word = document.getElementById(‘word’);”
@”word.remove();”;
[webView stringByEvaluatingJavaScriptFromString:str1];

4.更改标签：
// 更改
NSString *str2 = @”var change = document.getElementsByClassName(‘change’)[0];”
“change.innerHTML = ‘hello’;”;
NSString *result = [webView stringByEvaluatingJavaScriptFromString:str2];

HTML端代码：

  <!DOCTYPE html>
     <html lang="en">
     <head>
            <meta charset="UTF-8">
            <title>iOS和H5交互</title>
     </head>
     <body>
            <p id="word">6666666666</p>
            <ul>
                 <li class="change">111111</li>
                 <li class="haha">222222</li>
                 <li>333333</li>
                 <li>444444</li>
            </

最低0.47元/天解锁文章

学无止境Jesse

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
iOS与H5交互以及问题记录

ios与h5交互的两种交互方法:前提：在iOS控制器中加载UIWebView，设置代理，遵守UIWebViewDelegate协议。一、iOS调用JS方法通过iOS调用JS代码实现起来比较方便直接调用UIWebView的方法- (nullable NSString )stringByEvaluatingJavaScriptFromString:(NSString )script;
复制链接

扫一扫