文章标题

最新推荐文章于 2022-10-30 12:21:08 发布
最新推荐文章于 2022-10-30 12:21:08 发布
阅读量192 收藏
点赞数
分类专栏： webview IOS OC与JS 文章标签： ios ios开发
webview 同时被 3 个专栏收录
1 篇文章 0 订阅
订阅专栏
IOS
1 篇文章 0 订阅
订阅专栏
OC与JS
1 篇文章 0 订阅
订阅专栏

**

IOS开发中Objective-C与JS互相调用

**
项目中要用到html5来实现，涉及到Objective-C调用JS，以及JS调用Objective-C的方法，这里把遇到的问题以及实现方法介绍一下。

.h文件

 #import <UIKit/UIKit.h>  

    @interface ViewController : UIViewController <UIWebViewDelegate>  

    @property (weak, nonatomic) IBOutlet UIButton *oc_call_js_no_params;  
    @property (weak, nonatomic) IBOutlet UIButton *oc_call_js_has_params;  
    @property (weak, nonatomic) IBOutlet UIWebView *mWebView;  
    @property (weak, nonatomic) IBOutlet UILabel *js_call_oc_show;  

    - (IBAction)ocCallJsNoParams:(id)sender;  
    - (IBAction)ocCallJsHasParams:(id)sender;  


    @end

.m文件

 #import "ViewController.h"  

    @interface ViewController ()  

    @end  

    @implementation ViewController  

    - (void)viewDidLoad {  
        [super viewDidLoad];  
        _mWebView.delegate = self;  

        //打开URL  
        NSString *path = [[NSBundle mainBundle] pathForResource:@"index" ofType:@"html"];  
        [self.mWebView loadRequest:[NSURLRequest <a href="/tags.php/request/" target="_blank">request</a>WithURL:[NSURL fileURLWithPath: path]]];  
    }  

    - (BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType{  
        NSString *urlstr = request.URL.absoluteString;  
        NSRange range = [urlstr rangeOfString:@"ios://jwzhangjie"];  
        if (range.length!=0) {  
            _js_call_oc_show.text = [NSString stringWithFormat:@"请访问地址：%@", urlstr];  
        }  
        return YES;  
    }  

    -(void)webView:(nonnull UIWebView *)webView didFailLoadWithError:(nullable NSError *)error{  
        NSLog(@"加载失败");  
    }  

    -(void)webViewDidStartLoad:(nonnull UIWebView *)webView{  
        NSLog(@"开始加载");  
    }  


    -(void)webViewDidFinishLoad:(nonnull UIWebView *)webView{  
        NSLog(@"开始结束");  
    //    对于调用js的时候最好这个方法里面或者之后  
    }  


    - (void)didReceiveMemoryWarning {  
        [super didReceiveMemoryWarning];  
        // Dispose of any resources that can be recreated.  
    }  



    - (IBAction)ocCallJsNoParams:(id)sender {  
        NSString *js = [NSString stringWithFormat:@"ocCallJsNoParamsFunction();"];  
        [self.mWebView stringByEvaluatingJavaScriptFromString:js];  
    }  

    - (IBAction)ocCallJsHasParams:(id)sender {  
        NSString *js = [NSString stringWithFormat:@"ocCallJsHasParamsFunction('%@','%@');",@"jwzhangjie",@"http://jwzhangjie.cn"];  
        [self.mWebView stringByEvaluatingJavaScriptFromString:js];  
    }  
    @end

JavasSctipt文件

function ocCallJsNoParamsFunction()  
    {  
        alert("OC调用JS中的无参方法");  
        var e = document.getElementById("js_shouw_text");  
        e.options.add(new Option("OC调用JS中的无参方法", 2));  
    }  

    function ocCallJsHasParamsFunction(name, url)  
    {  
        alert(name+"的博客地址为："+url);  
        var e = document.getElementById("js_shouw_text");  
        e.options.add(new Option("OC调用JS中的有参方法", 2));  
    }

本地html

 <!DOCTYPE html>  
    <html>  
    <head>  
        <meta charset="utf-8">  
        <title>OC与JS互相调用</title>  
    </head>  
    <body>  
        <div >  
            <<a href="/tags.php/select/" target="_blank">select</a> id="js_shouw_text">  
                <option>  
                    展示OC调用JS无参数  
                </option>  
            </select>  
        </div>  
        <div>  
            <BR/>  
            <input type="button" value="JS调用OC方法" onclick="js_call_oc()"/>  
        </div>  
        <!--  这里要清楚，虽然test.js跟index.html不同及目录，实际安装到程序里面后，是在同级目录的，所以这里src不能加目录，同样css也是一样的  -->  
        <script type="text/<a href="/js_a/js.html" target="_blank">javascript</a>" src="test.js" charset="UTF-8"></script>  
        <script type="text/javascript">  
            function js_call_oc()  
            {  
                var iFrame;  
                iFrame = document.createElement("<a href="/tags.php/iframe/" target="_blank">iframe</a>");  
                iFrame.setAttribute("src", "ios://jwzhangjie");  
                iFrame.setAttribute("style", "display:none;");  
                iFrame.setAttribute("height", "0px");  
                iFrame.setAttribute("width", "0px");  
                iFrame.setAttribute("frameborder", "0");  
                document.body.appendChild(iFrame);  
                // 发起请求后这个iFrame就没用了，所以把它从dom上移除掉  
                iFrame.parentNode.removeChild(iFrame);  
                iFrame = null;  
            }  

        </script>  
    </body>  

    </html>

规避1：对于OC去调用JS内容最好在webViewDidFinishLoad方法里或者之后

规避2：在html里面引用js或者css的时候src不要带有路径，因为安装后文件都在同级目录下面

规避3：OC调用JS的规范

NSString *js = [NSString stringWithFormat:@"ocCallJsHasParamsFunction('%@','%@');",@"jwzhangjie",@"http://jwzhangjie.cn"];  
       [self.mWebView stringByEvaluatingJavaScriptFromString:js];

规避4：JS调用OC，这里通过html里面发送一个请求，然后在ios中使用shouldStartLoadWithRequest拦截请求，根据请求url的不同进行处理。
javascript

 function js_call_oc()  
           {  
               var iFrame;  
               iFrame = document.createElement("iframe");  
               iFrame.setAttribute("src", "ios://jwzhangjie");  
               iFrame.setAttribute("style", "display:none;");  
               iFrame.setAttribute("height", "0px");  
               iFrame.setAttribute("width", "0px");  
               iFrame.setAttribute("frameborder", "0");  
               document.body.appendChild(iFrame);  
               // 发起请求后这个iFrame就没用了，所以把它从dom上移除掉  
               iFrame.parentNode.removeChild(iFrame);  
               iFrame = null;  
           }

- (BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType{  
        NSString *urlstr = request.URL.absoluteString;  
        NSRange range = [urlstr rangeOfString:@"ios://jwzhangjie"];  
        if (range.length!=0) {  
            _js_call_oc_show.text = [NSString stringWithFormat:@"请访问地址：%@", urlstr];  
        }  
        return YES;  
    }

**

javascript与Objective-C的相互调用

**
1. Objective-C调用Javascript方法：

前提：

UIWebView已经完全加载完成包含需要调用的页面（注：在UIWebViewDelegate托管中通过监视- (void)webViewDidFinishLoad:(UIWebView *)webView调用来确定页面是否加载完成）。

方法：

假设某视图对象的子视图属性self.webview加载的页面包含如下Javascript函数：

function getString(){ return “Hello javascript!”;}

并且该函数在该页面上可被正常调用，则可以通过形如下面的Objectvie-C方法调用此函数：

NSString *str = [self.webview stringByEvaluatingJavaScriptFromString:@"getString();"];

该函数调用实际模拟了页面上的一次Javascript函数调用，因此在该函数内部任何有效的Javascript代码都可被执行！该Objective-C代码返回值为被调用的Javascript代码的返回值，在上例中，str的值将被赋为@”Hello javascript!”。

被调用的函数可以带有字符串或数值型的参数。若调用的Javascript函数名称带有参数，需保证传进去的参数的格式正确性，特别是字符串参数的引号很容易被忽略。

  1. 系统响应页面Javascript代码：

前提：需要实现UIWebViewDelegate的

- (BOOL)webView:(UIWebView *)webView

shouldStartLoadWithRequest:(NSURLRequest *)request

navigationType:(UIWebViewNavigationType)navigationType;

托管函数（以下简称跳转监视函数）并将实现了该托管函数的对象设置为UIWebView的delegate。

方法：

   UIWebView的当前页面将要被Javascript代码通过以下方式转向的时候，会调用上述跳转监视函数：

window.location.href=”http://www.strongsoft.net”;

此时实现了该托管协议的对象的跳转监视函数会被调用，通过如下代码监视浏览器跳转的地址：

 NSString *url = [[request URL] absoluteString];

若该托管函数返回值为NO，则页面UIWebView的页面跳转将被否决。利用这一思路，监视页面上的特定格式的跳转地址加以拦截，并执行相应的本地代码，即可实现Javascript与Objective-C代码的交互。

   例如，规定拦截URL地址前缀为”objc:”的所有地址，并且用if…else…语句判定本地需要执行的代码，则实现形如以下格式的Objective-C托管函数：

- (BOOL)webView:(UIWebView *)webView

shouldStartLoadWithRequest:(NSURLRequest *)request

navigationType:(UIWebViewNavigationType)navigationType

{

NSString *urlString = [[request URL] absoluteString];

       NSArray *urlComps = [urlString componentsSeparatedByString:@":"];

       if([urlComps count] && [[urlComps objectAtIndex:o] isEqualToString:@"objc"])

       {
              NSString *funcStr = [urlComps objectAtIndex:1];
              if([funcStr isEqualToString:@"doFunc1"])
              {
              }
              else if([funcStr isEqualToString:@"doFunc2"])
              {
              }
              return NO;
       }
       return YES;
}

当需要调用本地函数1时，可以通过如下Javascript函数进行：

window.location.href=”objc:doFunc1”;

根据上述思路，可以完善通过Javascript调用本地带参数的Objective-C代码。

bloodIsLove
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Wordpress自定义函数控制文章标题长度
09-29
在WordPress中，文章标题的展示方式对于网站的整体布局和用户体验起着至关重要的作用。当文章标题过长时，可能会导致页面布局混乱或者视觉效果不佳，尤其是标题在首页以列表形式展示时。为了解决这个问题，我们可以...
wordpress文章标题为空时其它内容代替的方法
09-29
在WordPress内容管理系统中，文章标题通常扮演着至关重要的角色，它不仅为用户提供文章的概览，也是搜索引擎优化（SEO）的关键元素。然而，在某些特定情况下，用户可能希望发布无标题的文章，例如个人心情记录或状态...
天天写算法之Sequence two
qq_36616268的博客
03-31 155
地址点击打开链接哇，这两个题，写的我头皮发麻。这个和上一个的区别就是这个要求输出按字典序，也就是1 3  2  在上题目中是1 3  和 1 2而这一题输出顺序为1 2 和 1 3.理论上这个题比上一个题目要简单。这个题的限制其实就两个，一个是排完序后，你需要记录原来的位置，不但要数值上不递减，还要求index索引上递增。因此只有当前索引大于上一索引时，才可以通过。另一个限制，就是比如 2 3 3...
FPGA基础实验：点亮LED
sinat_29862967的博客
11-30 1189
FPGA基础实验“点亮LED“ 进行FPGA 入门，先了解实验 项目创建、编译和下载的基础步骤 注：本系列实验使用的都是Altera-DE0开发板 新建一个工程，命名为“LED”。 添加一个BDF文件 在文件中放入输入输出端口 对输入输出端口重命名，然后连线，并配置相应的芯片硬件管脚 保存编译，并下载 下载配置：连接下载串口线，打开开发板电源，点击Quartus下载按钮（会弹出
每天一点小知识（3）
宝剑锋从磨砺出，梅花香自苦寒来！
12-01 277
以下是本人在工作过程中用过或者涉及到的一些知识点，在这里分享和记录一下。1、Android中图片占用内存Android中一张图片（BitMap）占用的内存主要和以下几个因数有关：图片长度，图片宽度，单位像素占用的字节数。 一张图片（BitMap）占用的 内存 = 图片长度 * 图片宽度 * 单位 像素占用的字节数。而和图片本身的大小没有关系。 注 ： 图片长度和 图片宽度的单位是像素。2、Bit
文章标题 UVALive 7045：Last Defence（辗转相除思想）
Wang_SF2015的博客
09-11 561
Last DefenceGiven two integers A and B. Sequence S is defined as follow: • S0 = A • S1 = B • Si = |Si−1 −Si−2| for i ≥ 2 Count the number of distinct numbers in S. Input The first line of the input giv
使用POI生成文章标题
Cloud的专栏
09-24 7715
生成文章标题有两种方式，一种是自定义标题，还有一种是使用现有样式来生成，现在网上大部分是第一种方式，但这种方式有很多弊端，我们先来看第一种 第一步，引入依赖 <dependency> <groupId>org.apache.poi</groupId> <artifactId>poi</artifactId> <version>3.9</version> </dependency>
Markdown 跳转到本文章标题
小白学CS
10-30 5256
Markdown 跳转到本文章标题
dedecms调用文章标题不能全部显示
我不晓得
05-17 2204
1、进入后台–系统–系统设置–系统基本参数–其他选项–文档标题最大程度改为你要的长度原默认是60（这里改为了200） 2、登陆数据库，改数据库表dede_archives表里面的title字段，原默认是60，（这里改为200）. 解决dedecms UTF-8首页文章标题显示字数太短的办法 原因分析：因为UTF-8编码1个中文汉字占用的是3个字节，GBK占用的是2个字节，所以...
火车头插件：根据文章标题生成图片；标题生成相关配图
qq_26057339的博客
05-12 1808
本插件可以根据文章标题自动配图；根据文章标题生成一张好看的插图； 插件售价200；不限制ip,不限域名。一次购买终身使用。 没有第三方接口的调用不用担心插件失效。 插件效果： 插件优势： 用户可以自定义文字的颜色 用户可以自定义文字的大小 用户可以自定义图片背景 用户可以自定义图片格式 用户可以自定义图片储存的目录 用户可以自定义图片在文章哪个位置插入 插件分为 火车头插件和服务器接口： 服务器接口负责处理图片和储存图片； 火车头插件处理文章内容 服务器插件有运行环境要求 php 版本低于
RiPro主题文章标题美化教程 WordPress美化教程
03-02
/*文章标题优化*/ .sjblog-avatar {  width: 50px;  float: left; } .sjblog-avatar img {  float: left;  width: 50px;  border-radius: 50%;  margin-right: 20px; } .sjblog-tgroup{ ...
Python3 文章标题关键字提取的例子
01-20
1.读取所有文章标题； 2.用“结巴分词”的工具包进行文章标题的词语分割； 3.用“sklearn”的工具包计算Tf-idf（词频-逆文档率）; 4.得到满足关键词权重阈值的词 结巴分词详见：结巴分词Github sklearn详见：文本...
wordpress通过当前文章的ID获取文章标题内容简介的信息
09-29
标题“wordpress通过当前文章的ID获取文章标题内容简介的信息”所涉及的知识点主要集中在如何利用文章ID来提取文章的元数据，如标题、内容摘要以及其他相关信息。下面将详细阐述这一过程。 首先，我们需要获取文章...
Codeforces 743B-Chloe and the sequence
wang_128的博客
12-17 551
Chloe and the sequence time limit per test 1 second memory limit per test 256 megabytes input standard input output standard output Chloe, the same as Vladik, is a compe
PHPCMS内容页文章标题添加页码的方法教程
09-29
如何让PHPCMS的内容页标题显示页码呢？让每篇文章的标题都不一样，这样不但提高了网页体验率，同时也可以达到SEO优化的效果，让百度、谷歌等多收录一些。
10w文章标题数据（仅供学习使用）
02-18
本次上传的资料仅供nlp的学习，博主的博客中也将使用到这些数据，进行文章title的一些基本挖掘。希望大家能来博客转转，互相学习、借鉴，并提出宝贵意见。
emlog文章标题自定义颜色插件.zip
最新发布
05-16
而“emlog文章标题自定义颜色插件”是专为Emlog设计的一款增强型插件，旨在让博客文章的标题更加个性化，提升博客的视觉吸引力。 这款插件的核心功能是允许用户自定义每篇文章的标题颜色，从而打破了传统博客文章...
wordpress 改写文章标题
03-20
您可以使用以下代码来改写 WordPress 文章标题： function custom_title( $title ) { $new_title = '新标题'; return $new_title; } add_filter( 'the_title', 'custom_title' ); 将“新标题”替换为您想要的标题即可。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值