iOS開發oc與js相互呼叫的方式方法

阿新 • • 發佈：2019-01-19

文章主要是介紹oc如何呼叫js 以及js的程式碼呼叫oc的方法

先上程式碼後做解釋

//oc的.m 的程式碼

//ps接下來有js的程式碼一併解析,最後會附上demo

// ViewController.m

// JSAndOC

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

#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>

<title>iOS上webView與JS互動的之oc呼叫js的demo</title>

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");

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連結:

iOS開發oc與js相互呼叫的方式方法

iOS開發oc與js相互呼叫的方式方法

安卓與html混合開發之原生與js相互呼叫

OC與swift相互呼叫

swift專案中 OC與swift相互呼叫

WebBrowser（IE）與 JS 相互呼叫

Flex與JS相互呼叫

WebView使用詳解（一）——Native與JS相互呼叫（附JadX反編譯）

IOS開發系列——APP間相互呼叫專題【整理，部分原創】

FlexPaper與js相互呼叫

ios開發app與js互動第三方工具WebViewJavascriptBridge的使用以及問題pod出現的問題處理

android java 與 c++ 相互呼叫的方法

iOS開發:Debug與Release版本NSLog遮蔽方法

iOS 開發 Object-C和JavaScript互動詳解之OC與JS互動在WKWebView中使用

iOS開發-進階:JS與OC的互動

iOS 開發中OC 與 JS的互動

IOS中使用JavaScriptCore 實現OC與JS的互動

Thrift 的C與golang語言實現以及相互呼叫方式

cocos2d-js如何在IOS平臺上使用js直接呼叫OC方法

iOS OC與JS的互動(WebViewJavascriptBridge實現)

iOS 開發時間與時間戳的相互轉化

iOS開發oc與js相互呼叫的方式方法

相關推薦