H5研究二：OC与JS互调的趣味

来源：互联网发布：淘宝个人信息资料出售编辑：程序博客网时间：2024/06/02 02:13

H5研究二：OC与JS互调的趣味作者：大魁王 1.JavaScriptCore.framework的使用，Objective-C与JavaScript的调用。 2.需要掌握一点H5、JS知识这里写图片描述

第一部分：OC调用js的方法

1.通过stringByEvaluatingJavaScriptFromString调用js中的方法
2. 在OC中通过JSContext 创建js环境，调用js方法。然后通过
- (JSValue *)evaluateScript:(NSString *)script;调用JS
区别：JS方法通过webView调用或者是JS方法通过JSContext调用以及是否需要JavaScriptCore.framework

首先是第一种：通过stringByEvaluatingJavaScriptFromString调用js中的方法

JS方法写在Html

Html：

<html>        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />        <script type="text/javascript">            function showAlert(message){                alert(message);            }                </script></html>

OC代码：

这里并不需要JavaScriptCore.framework

#import "FirstViewController.h"@interface FirstViewController ()<UIWebViewDelegate>@property (weak, nonatomic) IBOutlet UIWebView *webView;@end@implementation FirstViewController- (void)viewDidLoad {    [super viewDidLoad];    // Do any additional setup after loading the view.    _webView.backgroundColor = [UIColor redColor];    _webView.delegate = self;    NSString *path = [[NSBundle mainBundle] pathForResource:@"First" ofType:@"html"];    NSURLRequest *request = [[NSURLRequest alloc] initWithURL:[NSURL URLWithString:path]];    [_webView loadRequest:request];    UIBarButtonItem *rightItem = [[UIBarButtonItem alloc] initWithTitle:@"调JS" style:UIBarButtonItemStylePlain target:self action:@selector(rightAction)];    self.navigationItem.rightBarButtonItem = rightItem;}- (void)rightAction{    NSString *jsStr = [NSString stringWithFormat:@"showAlert('%@')",@"这里是JS中alert弹出的message"];    [_webView stringByEvaluatingJavaScriptFromString:jsStr];}

注意：showAlert('%@') 字符串与JS中的方法必须一致才能调用

第二种：在OC中通过JSContext 创建js环境，然后通过

- (JSValue *)evaluateScript:(NSString *)script;调用JS

OC代码：

这里需要JavaScriptCore.framework

- (void)rightAction{    JSContext *context = [self.webView valueForKeyPath:@"documentView.webView.mainFrame.javaScriptContext"];    NSString *textJS = @"showAlert('这里是JS中alert弹出的message')";    [context evaluateScript:textJS];}

第二部分：js调用oc的方法

1.shouldStartLoadWithRequest调用oc中的方法
2. 在OC中通过JSContext block回调

首先是第一种：shouldStartLoadWithRequest调用oc中的方法

//1,html页面的js动作触发时运行//2,shouldStartLoadWithRequest不仅在url变化的时候调用，而且只要网页内容变化的时候也能调用#pragma mark - UIWebViewDelegate- (BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType

第二种：在OC中通过JSContext block回调

html：

<html>    <header>        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />        <script type="text/javascript">            function secondClick() {                share('分享的标题','分享的内容','图片地址');            }        </script>    </header>    <body>        <button type="button" onclick="secondClick()">Click Me!</button>    </body></html>

 JSContext *context = [self.webView valueForKeyPath:@"documentView.webView.mainFrame.javaScriptContext"];    //定义好JS要调用的方法, share就是调用的share方法名    context[@"share"] = ^() {        NSLog(@"+++++++Begin Log+++++++");        NSArray *args = [JSContext currentArguments];        UIAlertView *alertView = [[UIAlertView alloc] initWithTitle:@"方式二" message:@"这是OC原生的弹出窗" delegate:self cancelButtonTitle:@"收到" otherButtonTitles:nil];        [alertView show];        for (JSValue *jsVal in args) {            NSLog(@"%@", jsVal.toString);        }        NSLog(@"-------End Log-------");    };

阅读全文

0 0

H5研究二：OC与JS互调的趣味

第一部分：OC调用js的方法

首先是第一种：通过stringByEvaluatingJavaScriptFromString调用js中的方法

第二种：在OC中通过JSContext 创建js环境 ，然后通过

第二部分：js调用oc的方法

首先是第一种：shouldStartLoadWithRequest调用oc中的方法

第二种：在OC中通过JSContext block回调

第二种：在OC中通过JSContext 创建js环境，然后通过