iOS开发 ----- webView和JS的简单交互

最新推荐文章于 2023-03-31 15:33:46 发布

xiao333ma

最新推荐文章于 2023-03-31 15:33:46 发布

阅读量579

点赞数

分类专栏： iOS学习文章标签： ios开发 ios webview javascript

本文链接：https://blog.csdn.net/xiao333ma/article/details/50500379

版权

iOS学习专栏收录该内容

40 篇文章 0 订阅

订阅专栏

webView和JS的简单操作

大多数情况下，我们一般都会用到js和本地交互，或者本地和js交互，所以，就记录一下，时间比较仓促，就先这么写写，后续还会补充一下iOS8新出的WKWebView的一些东西，今天先看webView

1. js与本地交互

在一般情况下，我们通过一个函数来拿到所有在js中的请求就是这个

-(BOOL)webView:shouldStartLoadWithRequest:navigationType:

通过这个方法，我们可以得到js中发出的请求，也就是

window.location.href = "http://www.baidu.com";

这样的话，我们可以自己定义一些所谓的协议来满足我们的需求

<!DOCTYPE HTML>
<html>
<head>
    <script type="text/javascript">


        function goBaidu(){
            window.location.href = "http://www.baidu.com";

        }

      function goNextPage(){
          window.location.href = "goNextPage://str1=111&str2=222";
      }



    </script>

</head> 

<body>

<h1 onclick="goBaidu()">this is a link</h1>

<h1 onclick="goNextPage()">this is a link</h1>


</body>
</html>

比如说这样，在这段html中，我们现实两行文字，各自点击，调用js的一个方法，第一个是去加载百度的网页，第二个是我们自己定义的，并且有两个参数

然后，我们就会在一开始的上边提到的函数中，拿到request

    NSLog(@"%@",request.URL.scheme);

这时，我们这么打印的话，会看到不同的结果，一个是http 一个是goNextPage，这时，我们就可以去做不同的事情了

如果这么打印的话

    NSLog(@"host : %@",request.URL.host);

我们会看到一个是 m.baidu.com 一个是str1=111&str2=222 这样我们也把参数传递过来了，至于做什么，就看自己的了

2.本地与js交互

其实所谓的交互，也就是本地做一些操作的时候改变js的样式或者什么之类的东西，简单的说就是执行js方法

而对于这个，其实也是有现成的api的，很简单，很简单

stringByEvaluatingJavaScriptFromString:

后边传递一个字符串，可以使js方法名，也可以是js脚本，这个随意
比如在我们的html文件中有一个goBaidu的js函数，那么，我们就可以这样来调用这个函数

    [webView stringByEvaluatingJavaScriptFromString:@"goBaidu()"];

真的不能再简单了。。。。
下边贴一下vc的代码

#import "ViewController.h"

@interface ViewController ()<UIWebViewDelegate>

@end

@implementation ViewController
{
    UIWebView * webView;
}

- (void)viewDidLoad {
    [super viewDidLoad];
    // Do any additional setup after loading the view, typically from a nib.
    webView = [[UIWebView alloc]initWithFrame:CGRectMake(0, 0, self.view.frame.size.width, 400)];
    webView.delegate = self;

    NSString * filePath = [[NSBundle mainBundle]pathForResource:@"index" ofType:@"html"];
    NSString * str = [NSString stringWithContentsOfFile:filePath encoding:NSUTF8StringEncoding error:nil];
    [webView loadHTMLString:str baseURL:nil];
    [self.view addSubview:webView];

    UIButton * button = [[UIButton alloc]initWithFrame:CGRectMake(0, 400, 100, 100)];
    button.backgroundColor = [UIColor redColor];
    [self.view addSubview:button];
    [button addTarget:self action:@selector(click:) forControlEvents:UIControlEventTouchUpInside];

}
-(void)click:(UIButton *)button
{
    [webView stringByEvaluatingJavaScriptFromString:@"goBaidu()"];
}



-(BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType
{
    NSLog(@"host : %@",request.URL.host);
    NSLog(@"absoluteString : %@",request.URL.absoluteString);
    if ([request.URL.scheme isEqualToString:@"goNextPage"]) {
        //do something your self;
    }
    NSLog(@"%@",request.URL);


    return YES;
}

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

@end

暂时就先这么多吧，之后再写WKWebView的，这个可是超级强大的

xiao333ma

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
iOS开发 ----- webView和JS的简单交互

webView和JS的简单操作大多数情况下，我们一般都会用到js和本地交互，或者本地和js交互，所以，就记录一下，时间比较仓促，就先这么写写，后续还会补充一下iOS8新出的WKWebView的一些东西，今天先看webView1. js与本地交互在一般情况下，我们通过一个函数来拿到所有在js中的请求就是这个-(BOOL)webView:shouldStartLoadWithRequest:naviga
复制链接

扫一扫