iOS - UIWebView和JavaScript互调

一、UIWebView调用JavaScript代码

直接写JavaScript代码

1、只有在webView加载完毕之后在能够调用对应页面中的js方法。

JavaScript代码写在如下webView的代理方法中。

-(void)webViewDidFinishLoad:(UIWebView*)webView;//当网页视图结束加载一个请求之后,得到通知。 
2、与UIWebView进行交互,调用web页面中的需要传参的函数时,参数需要带单引号,或者双引号(双引号需要进行转义在转义字符前加\),在传递json字符串时不需要加单引号或双引号:
-(void)webViewDidFinishLoad:(UIWebView *)webView {

NSString *sendJsStr=[NSString stringWithFormat:@"openFile(\"%@\")",jsDocPathStr];
[webView stringByEvaluatingJavaScriptFromString:sendJsStr];
}
3、调用JavaScript函数只能在函数写完后调用,不能使用window.onload = ‘function()’,不能在页面加载的时候调用。

demo如下:

 - (void)webViewDidFinishLoad:(UIWebView *)webView {
    // 设置p标签字体颜色
    [webView stringByEvaluatingJavaScriptFromString:@"var script = document.createElement('script');"
     "script.type = 'text/javascript';"
     "script.text = \"function SetParaColor() {"
     "var i = 0;"
     "var allP = document.getElementsByTagName('p');"
     "for (i; i < allP.length; i++) {"
     "var p = allP[i];"
     "p.style.color = '#333';"
     "}"
     "}\";"
     "document.getElementsByTagName('head')[0].appendChild(script);"
     ];

    [webView stringByEvaluatingJavaScriptFromString:@"SetParaColor();"];
}

引入JavaScript文件

1、写个test.js放到项目中
2、引入test.js文件到html中
NSString *filePath = [[NSBundle mainBundle] pathForResource:@"test" ofType:@"js"];  
NSString *jsString = [[NSString alloc] initWithContentsOfFile:filePath];  
[webView stringByEvaluatingJavaScriptFromString:jsString]; 
3、触发test.js中的函数

二、UIWebView调用JavaScript代码

1、在html里面写重定向请求

在JavaScript写上:

href = "$://......."

2、在以下代理方法中截获html里面的重定向请求

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

    NSString *str = [request.URL absoluteString];
    if ([str hasPrefix:@"http"]) {
        NSString *url = [Utils URLDecodedString:str];
        NSArray *params = [url componentsSeparatedByString:@"?"];
        if (params.count > 0) {
            if (params.count >=2 ) {
                NSArray *value = [params[1] componentsSeparatedByString:@"="];
                if ([value[0] isEqualToString:@"name"]) {
                    [HyperlinkClickManager hyperlinkClickWithParam:value[1] type:@"$" delegate:self.contentView.viewController titleStr:@""];
                }else if ([value[0] isEqualToString:@"topicId"]) {
                    [HyperlinkClickManager hyperlinkClickWithParam:value[1] type:@"#" delegate:self.contentView.viewController titleStr:@""];
                }else if ([value[0] isEqualToString:@"clientId"]) {
                    [HyperlinkClickManager hyperlinkClickWithParam:value[1] type:@"#_" delegate:self.contentView.viewController titleStr:@""];
                }else if ([value[0] isEqualToString:@"fid"]) {
                    [HyperlinkClickManager hyperlinkClickWithParam:value[1] type:@"@" delegate:self.contentView.viewController titleStr:@""];
                }else {
                    [[UIApplication sharedApplication] openURL:[NSURL URLWithString:url]];
                }
            }else {
                [[UIApplication sharedApplication] openURL:[NSURL URLWithString:url]];
            }

        }else {
            [[UIApplication sharedApplication] openURL:[NSURL URLWithString:url]];
        }
        return NO;
    }
    return YES;
}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值