iOS开发oc与js相互调用的方式方法

最新推荐文章于 2019-08-27 16:31:58 发布
最新推荐文章于 2019-08-27 16:31:58 发布
阅读量818 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_35122556/article/details/80020354
版权

文章主要是介绍oc如何调用js 以及js的代码调用oc的方法 

先上代码后做解释

//oc的.m 的代码

//ps接下来有js的代码一并解析,最后会附上demo

//  ViewController.m

//  JSAndOC

//

//  Created by dongqiangfei on 16/7/21.

//  Copyright © 2016年 dongqiangfei. All rights reserved.

//

 

#import "ViewController.h"

#import <JavaScriptCore/JavaScriptCore.h>

 

@interface ViewController ()<UIWebViewDelegate>

@property(nonatomic,strong)UIWebView *webView;

@end

 

@implementation ViewController

 

- (void)viewDidLoad {

    [super viewDidLoad];

    [self makeBtn];

    [self makeWeb];

    // Do any additional setup after loading the view, typically from a nib.

}

 

-(void)makeBtn

{

    UIButton *thisBtn = [UIButton buttonWithType:UIButtonTypeRoundedRect];

    thisBtn.frame = CGRectMake(100, 100, 140, 40);

    [thisBtn addTarget:self action:@selector(ocCallJS) forControlEvents:UIControlEventTouchUpInside];

    [thisBtn setTitle:@"点击oc调用js" forState:UIControlStateNormal];

    [self.view addSubview:thisBtn];

}

 

-(void)ocCallJS

{

    [self.webView stringByEvaluatingJavaScriptFromString:[NSString stringWithFormat:@"showTitleMessage('%@')",@"oc调用了js的内容"]];

}

 

-(void)makeWeb

{

    self.webView = [[UIWebView alloc] initWithFrame:CGRectMake(0, 200, self.view.frame.size.width, self.view.frame.size.height - 200)];

    self.webView.backgroundColor = [UIColor whiteColor];

    self.webView.scalesPageToFit = YES;

    self.webView.delegate = self;

    

    NSString *webPath = [[NSBundle mainBundle] pathForResource:@"ocandjs" ofType:@"html"];

    NSURL *webURL = [NSURL fileURLWithPath:webPath];

    NSURLRequest *URLRequest = [[NSURLRequest alloc] initWithURL:webURL];

    [self.webView loadRequest:URLRequest];

    [self.view addSubview:self.webView];

    

    JSContext *content = [self.webView valueForKeyPath:@"documentView.webView.mainFrame.javaScriptContext"];

    content[@"bdgt"] = ^() {

        NSLog(@"js调用oc---------begin--------");

        NSArray *thisArr = [JSContext currentArguments];

        for (JSValue *jsValue in thisArr) {

            NSLog(@"=======%@",jsValue);

        }

        //JSValue *this = [JSContext currentThis];

        //NSLog(@"this: %@",this);

        NSLog(@"js调用oc---------The End-------");

        [self.webView stringByEvaluatingJavaScriptFromString:@"show();"];

    };

}

 

- (void)didReceiveMemoryWarning {

    [super didReceiveMemoryWarning];

    // Dispose of any resources that can be recreated.

}

 

@end

 

//js的代码

<html>

    <!--描述网页信息-->

    <head>

        <meta charset="UTF-8"/>

        <title>iOS上webView与JS交互的之oc调用js的demo</title>

        <script>

            function show()

            {

                alert('js调用了oc的代码');

            }

            function showTitle()

            {

                alert(document.title);

            }

            function showTitleMessage(message)

            {

                alert(message);

            }

            function repost()

            {

                location.href = "http://www.iosxxx.com";

            }

            function sum()

            {

                return 1 + 1;

            }

            function btnClick()

            {

                bdgt("hello world");

<!--xmg://sendMessageWithNumber_andContent_?10086&love-->

                location.href = "xmg://callWithNumber_?15830654880";

            }

        </script>

    </head>

    <!--网页具体内容-->

    <body>

        <br>下面是网页</br><br/>

        <button style = "background: yellow; height: 150px; width: 350px;" onclick = "btnClick();">点击按钮js调用oc</button>

    </body>

 

</html>

 

解析oc调用js的方法

知道的这么一种方法如下:

[self.webView stringByEvaluatingJavaScriptFromString:[NSString stringWithFormat:@"showTitleMessage('%@')",@"oc调用了js的内容"]];

对应

function showTitleMessage(message)

或者

[self.webView stringByEvaluatingJavaScriptFromString:@"show();"];

//传参数给js

NSString *getValue = [NSString stringWithFormat:@"javascript:LoadData('%@','%@','%@','%@','%@','%@','%@')",@"1",[BDSingleton sharedSingle].username,[BDSingleton sharedSingle].token,thisGroupid,kBaseWebViewLocationURL,conditionStr,colorString];

    [webView stringByEvaluatingJavaScriptFromString:getValue];

 

对应

function show()           

这个方法都对应js的相应的方法.如上

使用oc调动js 注意写法如:

[NSString stringWithFormat:@"showTitleMessage('%@')",@"oc调用了js的内容"]不能写成

[NSString stringWithFormat:@"showTitleMessage(%@)",@"oc调用了js的内容"],否则调不起.

 

js调用  oc 的方法

这个主要是指的点击网页上的特定的方法调用原生的的特定方法 这个有一种简单粗暴地方法,不懂得名字, 就是直接吊起的如

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

{

    if ([[NSString stringWithFormat:@"%@",request.URL] isEqualToString:@"特定的连接"]) {

        NSLog(@"吊起oc的方法");

    }

    return NO;//不加载网页

    return YES;//加载网页

}

 

直接在点击网页的某个方法加载网页之前,在代理中拿到将要加载的网页,去做相应的判断.最早就是这样做,也有局限性吧,但是这样感觉比单纯的js调用原生效率要高点.

 

 

接下来言归正传介绍正宗的js如何调用oc

如下核心方法也就这么点

JSContext *content = [self.webView valueForKeyPath:@"documentView.webView.mainFrame.javaScriptContext"];

    content[@"bdgt"] = ^(NSString *str) {

        NSLog(@"js调用oc---------begin-------拿到 js穿的参数-%@",str);

        NSArray *thisArr = [JSContext currentArguments];

        for (JSValue *jsValue in thisArr) {

            NSLog(@"=======%@",jsValue);

        }

        //JSValue *this = [JSContext currentThis];

        //NSLog(@"this: %@",this);

        NSLog(@"js调用oc---------The End-------");

        [self.webView stringByEvaluatingJavaScriptFromString:@"show();"];

    };

 

需要注意的 感觉

@"documentView.webView.mainFrame.javaScriptContext"这个就是这样写,不用管.直接copy

需要注意的就是

content[@"bdgt"]   中的bdgt这个需要跟js中的

bdgt("hello world"); 对应上.

全文完毕,谢谢查看,附上demo链接:

 JSAndOC重新整理的.zip

ios攻城狮2014
关注
iOS中OC调用js方法简述（一）
Levilly的博客
08-07 8139
从iOS7开始 苹果公布了JavaScriptCore.framework 它使得JS与OC的交互更加方便了。
iOS开发之用javascript调用oc方法而非url
10-21
在iOS开发中，通过JavaScript调用Objective-C（OC）方法是一种常见的跨语言交互方式。传统上，可以通过拦截URL的方式，利用`WKWebView`的`Scheme`或者`UIWebView`的`Custom URL Scheme`实现iOS与JavaScript之间的...
[iOS js与oc原生互相调用] js调用oc的两种方式
iOSTianNan的博客
05-10 3594
先总结1. oc 调用 js方法方法一NSString *jsStr = [NSString stringWithFormat:@"showAlert('%@')",@"这里是JS中alert弹出的message"]; [_webView stringByEvaluatingJavaScriptFromString:jsStr];或者 使用JavaScriptCore库方法二JSContext *c
iOS开发 --- UIWebView OC调用JS方法
iOS技术分享与学习博客
08-27 505
- (void)viewDidLoad { [super viewDidLoad]; // Do any additional setup after loading the view. self.navigationItem.title = @"活动详情页面"; self.backButton.frame = CGRectMake(0, 0, 66, 44...
iOS - oc与js交互的几种方式
sinat_35262134的博客
06-14 444
本文主要讲js调用oc 方式一:通过替换js中的function(方法)方式二:通过注入对象,直接调用对象方法方式三:利用网页重定向,截取字符串. 代码如下: #import "ViewController.h" #import #import "Person.h" #define kScreenW [UIScreen mainScreen].bounds.size.widt
ios-IOS JS与OC互相调用（JavaScriptCore）.zip
07-11
在iOS开发中，JavaScriptCore框架提供了JavaScript与Objective-C（OC）之间互操作的能力，使得原生应用能够执行JavaScript代码，并且能够从JavaScript调用Objective-C的方法。这种互操作性对于混合开发的应用尤其...
iOS开发中JS与OC交互.zip
最新发布
02-08
在iOS应用开发中，JavaScript（JS）与Objective-C（OC）的交互是一个常见的需求，特别是在混合式开发或者WebView中。本教程将详细讲解如何在iOS项目中实现JS与OC的通信，以提升用户体验并充分利用两者的优势。 首先...
iOS与js相互调用
07-21
在早期的iOS开发中，UIWebView是实现OC与JS交互的主要方式。首先，你需要创建一个UIWebView实例，并加载HTML内容。当UIWebView加载完成时，可以使用`evaluateJavaScript:`方法来执行JavaScript代码： ```objc ...
ios-JS和OC代码项目调用 混合开发.zip
07-11
OC调用JS方法, JS代码向OC发出指令. 这是一个初级的JS和OC相互沟通, 如果项目需求比较完美,可以进行改进, 比如说 异步调用,JS带参函数传递返回值等等的交互模式,还需要具体功能改进. 对于没弄过交互的同学 看着代码两分钟就能明白原理了.
ios-OC简单调用JS.zip
07-11
简单的OC和JS混用
ios-利用JavaScriptCore实现JS调用OC OC调用JS，实现弹出警告框，以及修改webView的image.zip
07-11
利用JavaScriptCore实现JS与OC相互调用的，简单好理解，实现协议的话方法千万要JS和OC保持一直,否则不生效，这要注意
OC调用JS以及JS调用OC的demo调用JS以及JS调用OC的demo
06-17
OC调用JS，JS调用OC，注解详细，简单好用，移动端只用js的一些方法
JS调用OC方法（JavaScriptCore）
zww学习笔记
03-06 944
一、JS 与OC交互一种方式是通过在JS与OC间定义一个协议，通过UIWebView的代理方法 -(BOOL)webView:(UIWebView*)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType 根据相应协议来实现J
javascript调用oc的方法
weixin_30274627的博客
12-26 81
1.引入#import <JavaScriptCore/JavaScriptCore.h> 2.JSContext *jsContext = [self.webView valueForKeyPath:@"documentView.webView.mainFrame.javaScriptContext"]; 3.jsContext[@"test"] = ^() { ...
iOS:在OC中调用JS脚本
dienangpiao2051的博客
04-18 479
示例一：在webView中调用js脚本进行搜索 1.首先导入JavaScriptCore.framework这个框架 2.创建webView、设置代理、请求手机端百度 #import "ViewController.h" #import <JavaScriptCore/JavaScriptCore.h> #define SCREEN_WIDTH [UIS...
JS 调 OC
allanGold
10-26 516
JS 调 OC其实就是JS传值给OC（如果是block方式的话，这个值是通过block的参数传过去的） JavaScript -> Objective-C JS调用OC有两个方法：block和JSExport protocol。 block(JS function): self.context = [[JSContext alloc] init]; self.contex
js调用oc方法（ios自学笔记）
wangyang6275的博客
07-28 1010
UIWebView中Html中用JS调用OC方法及OC执行JS代码 ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26
iOS与JS交互，OC调用JS方法，JS调用OC方法，URL解码
SHTLoveXX的专栏
04-22 3007
首先 iOS7开始 苹果公布了JavaScriptCore.framework 它使得JS与OC的交互更加方便了。  第一步：导入framework   OC 调用JS方法 ：（一句话即可） -(void)webViewDidFinishLoad:(UIWebView *)webView {       // JS url加载完成后，可直接调用JS方法showmessag
iOS WebView中JavaScript调用Objective-C方法实现蓝牙打印
在iOS开发中，当需要在Webview中实现JavaScript调用Objective-C (OC) 的功能时，尤其是在处理特定业务场景，如上述案例中点击按钮触发蓝牙打印机功能时，开发者通常会选择利用JavaScriptCore框架。以下步骤详细介绍...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值