OC与JS交互UIWeView（一）

最新推荐文章于 2021-04-27 08:55:29 发布

xueliandiefei

最新推荐文章于 2021-04-27 08:55:29 发布

阅读量588

点赞数

分类专栏： iOS程序开发文章标签： OC调用js方法 js调用OC方法混合开发 javascript h5

本文链接：https://blog.csdn.net/u010067452/article/details/54845571

版权

iOS程序开发专栏收录该内容

16 篇文章 0 订阅

订阅专栏

随着h5的兴起，原生app与h5页面交互的场合越来越多，UIwebView相对于WkWebView已经非常成熟用法也非常简单无需配置，下面我来介绍一下在UIWebView下与js的简单方法调用

在UIWebView中与js交互还需要借用JavaScriptCore。

1，新建一个OC工程

2，在页面加入一个UIWebView控件，并且实现代理。

//是否允许html页面加载或者跳转，可在此处根据navigationType或者request拦截页面跳转类型
- (BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType{
    return YES;
}
//页面开始加载
- (void)webViewDidStartLoad:(UIWebView *)webView{
    
}
//页面加载结束
- (void)webViewDidFinishLoad:(UIWebView *)webView{

}
//页面加载失败
- (void)webView:(UIWebView *)webView didFailLoadWithError:(NSError *)error{
    
}

3，写一个简单的html文件并且包含JavaScript语言

<html>
<header>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript">

function jsAlert()
{
    alert('这是JS方法弹出框');
}

function JStoOC(){
    OCAlert();
}

</script>
</header>

<body>
<br/>
<h2> 这里是一个HTML页面 </h2>
<br/>
<form name="myform" οnsubmit="return JStoOC()">
<button type="submit">去调用OC弹出框</button>
</form>
</body>
</html>

4，在OC文件里面调用js和接收js回调处理，记得首先引入js框架

#import <JavaScriptCore/JavaScriptCore.h>

//页面加载结束
- (void)webViewDidFinishLoad:(UIWebView *)webView{
    JSContext *context = [self.webView valueForKeyPath:@"documentView.webView.mainFrame.javaScriptContext"];
    context[@"JStoOC"] = ^() {//接收js的回调，其中JStoOC即为方法名如果有参数可在^（）中加入
        [self OCAlert];
    };
}
//页面加载失败
- (void)webView:(UIWebView *)webView didFailLoadWithError:(NSError *)error{
    
}

- (IBAction)onClickToJSAlert:(UIButton *)sender {
    JSContext *context = [self.webView valueForKeyPath:@"documentView.webView.mainFrame.javaScriptContext"];
    [context evaluateScript:@"jsAlert()"];//调用js方法jsAlert即为js方法名
}

- (void)OCAlert{
    UIAlertAction *action = [UIAlertAction actionWithTitle:@"OK" style:UIAlertActionStyleDefault handler:^(UIAlertAction * _Nonnull action) {
        
    }];
    UIAlertController *alertVC = [UIAlertController alertControllerWithTitle:@"OC" message:@"这是OC弹出框" preferredStyle:UIAlertControllerStyleAlert];
    [alertVC addAction:action];
    [self presentViewController:alertVC animated:YES completion:nil];
}

5，demo地址下载http://download.csdn.net/detail/u010067452/9746291

xueliandiefei

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
OC与JS交互UIWeView（一）

随着h5的兴起，原生app与h5页面交互的场合越来越多，UIwebView相对于WkWebView已经非常成熟用法也非常简单无需配置，下面我来介绍一下在UIWebView下与js的简单方法调用在UIWebView中与js交互还需要借用JavaScriptCore。1，新建一个OC工程2，在页面加入一个UIWebView控件，并且实现代理。//是否允许html页面加载或者跳转，可在此
复制链接

扫一扫

专栏目录