UIWebView -- 未来HTML5 于iOS融合的桥梁

本文主要是介绍UIWebView -- 未来HTML5 于iOS融合的桥梁，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

现在有一种新的技术，叫做HTML5。关于这门技术，在编者上大学那会儿，好像是大一那会儿就刚刚开始推出，这个技术为什么到今天还有很多人没有听说过，那是因为我们的浏览器跟不上步伐。。谷歌、opero、IE9等这些浏览器已经支持HTML5，但是中国现在还有大批的用户在使用XP，IE6，IE7等，这就导致了服务器端开发的人员不得不使用HTML4。不过这几年随着智能手机的普及，智能手机端的浏览器，比如UC、还有iOS自带的webView和（安卓的……）都能很好的支持HTML5.早就了很多的手机端的网游，还有比如现在一些3D的网页游戏，都是用到了HTML5这门技术。有服务器开发经验的人员，学习HTML5会很容易上手。。未来HTML5会是主流。。因为器只需要服务器端开发人员。即可实现安卓、iOS、阿里云等跨平台的使用。

     （ 在这里给大家提供一个自学HTML相关的知识的一个免费的网站。www.3cschool.com。）

      iOS的UIkit下有一个强大控件 - - UIWebView。

      它能像浏览器一样，加载网页信息到webView上，而且还能执行脚本语言（JavaScript）。同浏览器一样，也有前进、后退、刷新、停止、转到。还能加载本地的Html，调用js。

  

    //后退if (button.tag == 0) {[_webView goBack];}//前进if (button.tag == 1) {[_webView goForward];}//停止if (button.tag == 2) {[_webView stopLoading];}//刷新if (button.tag == 3) {[_webView reload];}//转到if (button.tag == 4) {//http://www.baidu.com www.baidu.com//判断前缀if (![_textField.text hasPrefix:@"http"]) {_textField.text = [[NSString stringWithFormat:@"http://%@", _textField.text] stringByAddingPercentEscapesUsingEncoding:NSUTF8StringEncoding];}//请求NSURLRequest* request = [NSURLRequest requestWithURL:[NSURL URLWithString:_textField.text]];//加载请求[_webView loadRequest:request];[_textField resignFirstResponder];}//加载本地htmlif (button.tag == 5) {NSString* path = [[NSBundle mainBundle] pathForResource:@"xml2" ofType:@"html"];NSString* htmlStr = [NSString stringWithContentsOfFile:path encoding:NSUTF8StringEncoding error:nil];//加载本地html字符串[_webView loadHTMLString:htmlStr baseURL:nil];}

--------------------------

webView的重点：

-------------------------

1：能加载网页，依托于NSURLRequest。

    //请求

    NSURLRequest* request = [NSURLRequest requestWithURL:[NSURL URLWithString:_textField.text]];

   //加载请求

    [_webView loadRequest:request];

2：加载本地html

//加载本地html字符串

    [_webView loadHTMLString:htmlStr baseURL:nil];

     

3:  调用js方法

4：js中调用OC方法

    js代码：

    <script type=“javascript”>

    function buttonClick(){

    window.location.href="oc://ocFunc" /*ocFunc -- OC中的方法名，这里前缀可以随便自定义。因为在webView中只要加载一个页面都有回调一个方法。在这个方法中，我们可以监听到连接的地址。*/

    }

    function func(){

    alert("oc来调用了");

    }

    </script>

    <p>金庸射雕三部曲之一。</p>

    <input type="button" οnclick="buttonClick"> 观看</input>

   在协议方法中 

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

{

//刷新地址栏

    NSString *url = request.URL.absoluteString;

    //js 调 oc

    //分割字符串 :// http oc

    NSArray* array = [url componentsSeparatedByString:@"://"];

   if ([array[0] isEqualToString:@"oc"]) {

        //array[1] 就是要调用的方法名称

//用SEL包装类包装

       SEL sel = NSSelectorFromString(array[1]);

        [self performSelector:sel];

    }

    returnYES;

}

这篇关于UIWebView -- 未来HTML5 于iOS融合的桥梁的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---