iOS HTML5的JS交互

简介:

 //webView与H5点击交互走的代理  

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

{

    NSURL * url = [request URL];

    NSString * urlStr = url.absoluteString;

    NSString * protocolPrefix = @"scheme";//和后台定义好的字符  


    [self H5Js:protocolPrefix url:urlStr];


    return YES;

}


//数组分离参数  开始进行关键字提取以及相关操作

-(void)H5Js:(NSString *)protocolPrefix url:(NSString *)urlStr

{

    if ([[urlStr lowercaseString]hasPrefix:protocolPrefix])

    {

        urlStr = [urlStr stringByReplacingPercentEscapesUsingEncoding:NSUTF8StringEncoding];

        NSArray * components = [urlStr componentsSeparatedByString:@":"];//以":"截取字符


        NSArray * shareUrl = [urlStr componentsSeparatedByString:@"?"];




        

//        NSLog(@"%@",components);


        NSString * prefix = components[1];


        if ([prefix isEqualToString:@"awardLogin"])

        {

            isReash = YES;

            [self jumpLogin];

        }

        if ([prefix isEqualToString:@"awardBindMobile"])

        {

            //绑定手机

            ModifyPhoneController * phone = [[ModifyPhoneController alloc]init];

                phone.title=@"绑定手机";

            [self.navigationController pushViewController:phone animated:YES];


        }


        if([prefix rangeOfString:@"awardShare"].location !=NSNotFound)

        {

            NSRange range1 = [urlStr rangeOfString:@"?"];//匹配得到的下标

            //        NSLog(@"rang:%@",NSStringFromRange(range));

            NSString *rangeStr =[urlStr substringFromIndex:range1.location+1];

            NSArray * parameter =  [rangeStr componentsSeparatedByString:@"&"];

            NSLog(@"%@",parameter);

            [dic setObject:[parameter[1] componentsSeparatedByString:@"="][1]  forKey:@"shareTitle"];

            [dic setObject:[parameter[2] componentsSeparatedByString:@"="][1] forKey:@"shareContent"];

            [dic setObject:[parameter[0] componentsSeparatedByString:@"="][1] forKey:@"shareImg"];

            [dic setObject:[parameter[3] componentsSeparatedByString:@"="][1] forKey:@"shareUrl"];


            NSRange range = [parameter[4] rangeOfString:@"="];//匹配得到的下标

            NSLog(@"rang:%@",NSStringFromRange(range));

            NSString *rangeStr1 =[parameter[4] substringFromIndex:range.location+1];


            [dic setObject:rangeStr1 forKey:@"smsContent"];


             [self share:nil];

        }

    }

}



//回调JS代码

 NSString * str =[NSString stringWithFormat:@"lsf_login_callback(%@)",[User shareUser].userId];

        //评论完后刷新html5 页面

        [self.webView stringByEvaluatingJavaScriptFromString:str];











本文转自 卓行天下  51CTO博客,原文链接:http://blog.51cto.com/9951038/1842724,如需转载请自行联系原作者
目录
相关文章
|
存储 前端开发 JavaScript
仿真银行app下载安装, 银行卡虚拟余额制作app,用html+css+js实现逼真娱乐工具
这是一个简单的银行账户模拟器项目,用于学习前端开发基础。用户可进行存款、取款操作,所有数据存储于浏览器内存中
|
人工智能 程序员 UED
【01】完成新年倒计时页面-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+div+CSS+JavaScript-优雅草卓伊凡-做一条关于新年的代码分享给你们-为了C站的分拼一下子
【01】完成新年倒计时页面-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+div+CSS+JavaScript-优雅草卓伊凡-做一条关于新年的代码分享给你们-为了C站的分拼一下子
1137 21
【01】完成新年倒计时页面-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+div+CSS+JavaScript-优雅草卓伊凡-做一条关于新年的代码分享给你们-为了C站的分拼一下子
|
数据采集 JavaScript Android开发
【02】仿站技术之python技术,看完学会再也不用去购买收费工具了-本次找了小影-感觉页面很好看-本次是爬取vue需要用到Puppeteer库用node.js扒一个app下载落地页-包括安卓android下载(简单)-ios苹果plist下载(稍微麻烦一丢丢)-优雅草卓伊凡
【02】仿站技术之python技术,看完学会再也不用去购买收费工具了-本次找了小影-感觉页面很好看-本次是爬取vue需要用到Puppeteer库用node.js扒一个app下载落地页-包括安卓android下载(简单)-ios苹果plist下载(稍微麻烦一丢丢)-优雅草卓伊凡
865 7
【02】仿站技术之python技术,看完学会再也不用去购买收费工具了-本次找了小影-感觉页面很好看-本次是爬取vue需要用到Puppeteer库用node.js扒一个app下载落地页-包括安卓android下载(简单)-ios苹果plist下载(稍微麻烦一丢丢)-优雅草卓伊凡
|
前端开发 JavaScript
【02】v1.0.1更新增加倒计时完成后的放烟花页面-优化播放器-优化结构目录-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+div+CSS+JavaScript-优雅草卓伊凡-做一条关于新年的代码分享给你们-为了C站的分拼一下子
【02】v1.0.1更新增加倒计时完成后的放烟花页面-优化播放器-优化结构目录-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+div+CSS+JavaScript-优雅草卓伊凡-做一条关于新年的代码分享给你们-为了C站的分拼一下子
1060 14
【02】v1.0.1更新增加倒计时完成后的放烟花页面-优化播放器-优化结构目录-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+div+CSS+JavaScript-优雅草卓伊凡-做一条关于新年的代码分享给你们-为了C站的分拼一下子
html+js+css实现的建筑方块立体数字时钟源码
html+js+css实现的建筑方块立体数字时钟源码
813 33
|
数据采集 人工智能 自然语言处理
Midscene.js:AI 驱动的 UI 自动化测试框架,支持自然语言交互,生成可视化报告
Midscene.js 是一款基于 AI 技术的 UI 自动化测试框架,通过自然语言交互简化测试流程,支持动作执行、数据查询和页面断言,提供可视化报告,适用于多种应用场景。
4655 1
Midscene.js:AI 驱动的 UI 自动化测试框架,支持自然语言交互,生成可视化报告
一个好看的小时钟html+js+css源码
一个好看的小时钟html+js+css源码
395 24
|
Web App开发 移动开发 HTML5
html5 + Three.js 3D风雪封印在棱镜中的梅花鹿动效源码
html5 + Three.js 3D风雪封印在棱镜中的梅花鹿动效源码。画面中心是悬浮于空的梅花鹿,其四周由白色线段组成了一个6边形将中心的梅花鹿包裹其中。四周漂浮的白雪随着多边形的转动而同步旋转。建议使用支持HTML5与css3效果较好的火狐(Firefox)或谷歌(Chrome)等浏览器预览本源码。
578 2
|
缓存 JavaScript 前端开发
JavaScript 与 DOM 交互的基础及进阶技巧,涵盖 DOM 获取、修改、创建、删除元素的方法,事件处理,性能优化及与其他前端技术的结合,助你构建动态交互的网页应用
本文深入讲解了 JavaScript 与 DOM 交互的基础及进阶技巧,涵盖 DOM 获取、修改、创建、删除元素的方法,事件处理,性能优化及与其他前端技术的结合,助你构建动态交互的网页应用。
1300 5