使用UIWebView从HTML代码调用目标c代码中的方法

时间:2013-03-21 00:25:23

标签: javascript ios uiwebview

我的iOS应用中有.html文件。 HTML文件使用onClick方法有几个div块。 当我点击这些块时,我在Web视图中调用了一些javascript代码,但我还需要在源代码中了解这些事件。

例如,当我点击web元素并调用onClick时,我需要调用代码中的某些方法,例如- (void)didTouchedWebElementWithId

我可以做这个吗?感谢。

1 个答案:

答案 0 :(得分:48)

在JS中调用Objective-C的方法:

以下网址有助于实现这一目标

How to invoke Objective C method from Javascript and send back data to Javascript in iOS?

无法执行,我们通过导航到其他页面来解决方法,并且在导航期间,webview委托将监视导航的前缀并执行我们指定的方法。

<强> sample.html

<html>
    <head>
        <script type='text/javascript'>
            function getText()
            {
                return document.getElementById('txtinput').value;
            }
            function locationChange()
            {
                window.location = 'ios:webToNativeCall';
            }
        </script>
    </head>
    <body style='overflow-x:hidden;overflow-y:hidden;'>
        <h2 style = "font-size:16px;" align='center'>Hi Welcome to Webpage</h2>
        <br/>
        <p align='center' style = "font-size:12px;">Please Click the button after entering the text</p>
        <br/>
        <center>
            <input type='text' style='width:90px;height:30px;' id='txtinput'/>
        </center>
        <br/>
        <center>
            <input type='button' style='width:90px;height:30px;' onclick='locationChange()' value='click me'>
        </center>
    </body>
</html>

Objective-C代码

当您单击html页面中的按钮时,下面的代理将被触发并导航被取消,因为我们返回NO并且调用相应的方法

- (BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType
{
    if ([[[request URL] absoluteString] hasPrefix:@"ios:"]) {

        // Call the given selector
        [self performSelector:@selector(webToNativeCall)];        
        // Cancel the location change
        return NO;
    }
    return YES;
}

- (void)webToNativeCall
{
    NSString *returnvalue =  [self.webviewForHtml stringByEvaluatingJavaScriptFromString:@"getText()"];

    self.valueFromBrowser.text = [NSString stringWithFormat:@"From browser : %@", returnvalue ];
}