OC与JS交互

最新推荐文章于 2021-04-27 08:55:29 发布
最新推荐文章于 2021-04-27 08:55:29 发布
阅读量393 收藏
点赞数
分类专栏： iOS开发 文章标签： Objective-C ios JS 交互
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_23616601/article/details/51026457
版权

实现WebView代理方法


//网页加载完时调用

-(void)webViewDidFinishLoad:(UIWebView *)webView{

    

    //1.操作网页中的参数

      [self domHtml:webView];

    

   // 2.在iOS中加载HTML

      [self iOSforHtml:webView];   

}


//是否允许加载请求(拦截网址)

-(BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType{


    //3.访问相册

    [self Visitphoto:request];


    //4.得到网页中的参数

    [self getHtmlCont:request];

       

    return YES;

}


操作网页中的参数(OC->JS)

OC提交JS请求.运行JS方法

====================Html代码====================


<html>

   <head>

      <meta charset="UTF-8">

   </head>

   <body>

      <p id="word">这是标题/p>

      <ul>

          <li class="change">你好</li>

          <li>我好</li>

          <li>大家好</li>

          <li>才是真的好</li>

      </ul>

   </body>

</html>


====================OC代码======================


-(void)domHtml:(UIWebView *)webView{

    // 删除

    NSString *str1 = @"var word = document.getElementById('word');";

    NSString *str2 = @"word.remove();";

    //操作JavaScript

    [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 = '160';"

    "img.height = '80';"

    "document.body.appendChiJavaScriptld(img);";

    [webView stringByEvaluatingJavaScriptFromString:str4];

}


2.在iOS中加载HTML(OC->JS)---修改他人网页


-(void)iOSforHtml:(UIWebView *)webView{

    // 改变标题

    NSString *str1 = @"var h1 = document.getElementsByTagName('h1')[0];"

    "h1.innerHTML='CY鲜花网';";

    [webView stringByEvaluatingJavaScriptFromString:str1];

    

    //删除尾部

    NSString *str2 =@"document.getElementById('footer').remove();";

    [webView stringByEvaluatingJavaScriptFromString:str2];

    

    // 让scrollView显示

    self.wbView.scrollView.hidden = NO;

    self.activityView.hidden = YES;

    

    // 拿出所有的网页内容

    NSString *str3 = @"document.body.outerHTML";

    NSString *html = [webView stringByEvaluatingJavaScriptFromString:str3];

    NSLog(@"%@", html);

}


HTML访问相册(JS->OC)

JS提交请求到OC

====================Html代码====================


<html>

   <head>

      <meta charset="UTF-8">

   </head>

   <body>

      <button οnclick="getImage();">访问相册</button>

      

      <script>

          function getImage(){

             window.location.href = 'xmg://getImage';

          }

      </script>

   </body>

</html>


====================OC代码====================

-(void)Visitphoto:(NSURLRequest *)request{

    //截取请求

    NSString *str=request.URL.absoluteString;

    NSRange range=[str rangeOfString:@"xmg://"];

    if (range.location!=NSNotFound) {

        NSString *method=[str substringFromIndex:range.location+range.length];

        

        SEL sel=NSSelectorFromString(method);

        [self performSelector:sel];

    }

}


-(void)getImage{

    UIImagePickerController *imgVc=[[UIImagePickerController alloc]init];

    imgVc.sourceType=UIImagePickerControllerSourceTypePhotoLibrary;

    [self presentViewController:imgVc animated:YES completion:nil];

}


得到html中的参数(JS->OC)

====================Html代码====================


<html>

   <head>

      <meta charset="UTF-8">

      <style>

          body{

              margin:20px;

          }

      </style>

   </head>

   <body>

       <p></p>

       <span>用户名</span>

       <input id="username">

       <p></p>

       <span>密码</span>

       <input id="pwd" type="password">

       <p></p>


      <button id="btn">登录</button>

      

      <script>

          var username = document.getElementById('username');

          var pwd = document.getElementById('pwd');

          var btn = document.getElementById('btn');

          

           btn.onclick = function(){

            var name = username.value; // 拿到用户名

            var password = pwd.value;

             //定义协议

             window.location.href = 'xmg://' + name + '?' + password;

          }

      </script>

   </body>

</html>


====================OC代码====================



-(void)getHtmlCont:(NSURLRequest *)request{

    

    //Html中自定义协议：window.location.href = 'xmg://' + name + '?' + password;

    //OC中通过截取字符串得到Html中相应的参数。

    

    //截取请求

    NSString *str=request.URL.absoluteString;

    NSRange range=[str rangeOfString:@"xmg://"];

    if (range.location!=NSNotFound) {

        NSString *method=[str substringFromIndex:range.location+range.length];

        NSLog(@"======[%@]",method);

    }

}

方法：


iOS开发，UIWebview与H5之间的交互

http://www.unjeep.com/q/841949662.htm

红尘灬客栈
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
OC与JS交互 初体会
weixin_30393907的博客
11-02 115
第一篇博客，有点小紧张、小期待，会不会有人看？有也好，没有也罢，权当自己图个乐儿，记录近来学到的知识。闲话少说，进入正题！ OC与JS交互的方式：1、使用UIWebView通过拦截Request完成JS调取OC，通过stringByEvaluatingJavaScriptFromString注入JS函数或者取数据完成OC调取JS 2、使用WKWebView通过- (void)evaluateJ...
OC与JS的相互交互
定格
03-05 1717
在Objective-C中提供了一个JavaScriptCore.frame类库来进行OC与JS之间的交互，在OC中可通过此类库来进行与JS的交互
随心情更新的学习笔记——JS代码之链表底层算法实现1
i8023u00的博客
07-19 114
这是有上期，没下期，学习看心情，更新看随机的老王的学习笔记，好好看，没有下期了……   链表中的方法有：插入节点，找到最后一个节点，找到某个节点，找到某个节点的前一个节点，删除节点，在某个节点之后插入节点，在某个节点之前插入节点，遍历。   function Node(element) { this.element = element; this.next...
ios ——JS 与OC混编
u012903898的博客
09-25 510
ios7之后，ios中加入了JavaScriptCore框架。该框架让Objective-C和JavaScript代码直接的交互变得更加的简单方便。一、JSContext 与 JSValueJSContext是OC与js交互的中间上下文，用于相互转化。 在iOS框架中，凡是带session或者context后缀的，这种类一般自己不干活，作用一般都是两个：1.管理其他类，帮助他们搭建沟通桥梁，好处就
iOS 实现OC与JS（JavaScript）混编
WangQingLei0307的博客
04-21 552
首先，我们要想实现OC掉用JS我们倒入一个官方提供的包 #import 导入以后，我们要创建一个对象 @property (nonatomic,strong) JSContext *jsContext; 接下来我们要做的就是定义一个协议 @protocol JSObjcDelegate JSExport> - (void)getCall:(NSStrin
WKWebView OC与JS交互
竹毛言己
04-27 5214
文章目录WKWebView OC与JS交互1. OC调用JS2. JS调用OC3. 总结 WKWebView OC与JS交互 整体上看原理还是挺简单的，即OC端向JS中注入JS脚本或者注入一个事件对象，生成一个时间handeler，当JS触发此事件时，handler处理事件的回调用，实现相互传值和事件交互的效果。 1. OC调用JS OC调用JS方法主要是通过执行javaScript脚本来实现的。 WKWebKit提供的主要方法是：- (void)evaluateJavaScript:(NSString *
OC与js交互
08-10
下面将详细介绍这个方法的使用以及OC与JS交互的基础知识。 ### `stringByEvaluatingJavaScriptFromString` 方法 这个方法是`UIWebView`类的一个实例方法，其定义如下： ```objc - (NSString *)...
OC 与 js交互
10-17
在iOS开发中，Objective-C（简称OC）与JavaScript（简称js）的交互是常见的需求，尤其是在混合开发或者WebView的应用场景中。本示例"OC与js交互Demo"将重点讲解如何实现在iOS应用中通过Objective-C调用JavaScript...
ios下OC与JS交互之WKWebView
08-31
在iOS开发中，当涉及到Objective-C (OC)与JavaScript (JS)之间的交互时，WKWebView是苹果推荐的组件，尤其自iOS 8以来，它替代了UIWebView，提供了更好的性能、稳定性和对HTML5新特性的支持。这篇文档将深入探讨...
OC与JS交互Demo
05-06
总之，"OC与JS交互Demo"是学习和实践OC与JavaScript交互的一个很好的起点，它展示了如何利用WebViewJavascriptBridge库轻松地在原生应用和Web内容之间建立桥梁。通过掌握这些知识，开发者可以创建出更加丰富和动态的...
OC 与JS 交互 之项目实战
04-05
actionNames App支持的方法名称 此处需要与前端协商 定好每个方法的名称 /** * 处理URL * * @param theURL * * @return 是否成功处理 */ - (BOOL)handleDictionAry:(NSDictionary *)dictionary ...
UIWebView下OC与JS交互
02-03
总之，"UIWebView下OC与JS交互"是iOS开发中的重要技术，它允许我们利用JavaScript的灵活性和OC的强大功能相结合，创建出更丰富的用户体验。通过`stringByEvaluatingJavaScriptFromString:`和`webView:...
iOS web view oc与js交互 图片浏览
03-19
本教程将深入探讨如何使用Objective-C（简称OC）与JavaScript（简称JS）进行交互，特别是针对图片浏览和本地下载功能。iOS中的WKWebView是苹果推荐的现代Web视图，它取代了UIWebView，提供了更好的性能和安全特性。 ...
iOS OC与JS的交互(WKWebview-MessageHandler实现)
H.A.N的博客
09-11 4310
在开发过程中，iOS 中实现加载 web 页面主要有两种控件，UIWebView 和 WKWebview，两种控件对应具体的实现方法不同。WKWebView是苹果公司在iOS8系统推出的，这里我们主要概述WebKit中更新的WKWebView控件的新特性与使用方法。 一、 WKWebView的代理方法 1.WKNavigationDelegate 该代理提供的方法，可以用来追踪加载过...
iOS 边学边记 WKWebView与js交互详解
一了百-了的博客
11-20 5097
iOS下OC与JS的交互(WKWebview-MessageHandler实现) 在开发过程中，iOS 中实现加载 web 页面主要有两种控件，UIWebView 和 WKWebview，两种控件对应具体的实现方法不同。 现在苹果公司已经不允许使用webview的app上架，所以只针对WKWebView。 一、 WKWebView的代理方法 1.WKNavigationDelegate 该代理提供的方法，可以用来追踪加载过程（页面开始加载、加载完成、加载失败）、决定是否执行跳转。 // 页面开始加载时调用
OC 与 JS 交互遇到的坑
liu_wentao的博客
10-26 1672
注入交互对象的时机跟我用JavaScript调用交互方法的时机不对。当我们在- (void)viewDidLoad中注入JS代码之后，如果页面发生了重定向，此时web页面的JS已经发生了变化，而- (void)viewDidLoad方法只会执行一次，所以不再是之前我们注入过的那些JS了，此时再调用本地方法自然就失效了。
js与oc交互demo
01-12
在这个"js与oc交互demo"中，我们将探讨如何实现这两种语言的有效沟通。 首先，我们需要理解JS与OC交互的基本原理。苹果的WebKit框架提供了一种名为JavaScriptCore的API，它使得Objective-C能够执行JavaScript代码，...
iOS面试精华：OC与Swift基础知识概览
7. Webview与JavaScript (第17章)：了解如何在iOS应用中集成Webview，处理JavaScript与Objective-C或Swift的交互，这对于构建混合应用或富客户端应用至关重要。 8. SVN (第2章)：文档提及SVN（Subversion）版本控制...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值