本文主要记录UIWebView三方面内容：

1、基本的加载网页链接或文件；

2、网页js调用原生，也就是Cordova混合架构的原理；

3、原生调用js程序；

  • 原生部分主要代码：
@implementation ViewController

- (void)viewDidLoad {

    [super viewDidLoad];

    self.title = @"WebView Test";

    webview_ = [[UIWebView alloc]init];

    webview_.frame = self.view.bounds;

    webview_.delegate = self;

    //自动缩放页面

    webview_.scalesPageToFit = YES;

    //webview提供的导航方法如下:

    //    [webView_ goBack];

    //    [webview_ goForward];

    //    [webview_ reload];

    //    [webview_ stopLoading];

    [self.view addSubview:webview_];

}

-(void)viewDidAppear:(BOOL)animated{

    NSLog(@"viewDidAppear");

    // 加载普通URL

    // NSURL* url;

    // http请求需要在info.plist信息中增加如下配置：

    //    <key>NSAppTransportSecurity</key>

    //    <dict>

    //    <key>NSAllowsArbitraryLoads</key>

    //    <true/>

    //    </dict>

    //    url = [[NSURL alloc]initWithString:@"http://www.baidu.com/"];

    //    [webview_ loadRequest:[NSURLRequest requestWithURL:url]];

    [self loadHTMLFile:@"hello.html"];

}

//加载一个本地html

- (void)loadHTMLFile:(NSString*)filename {

    NSString *path = [[NSBundle mainBundle] pathForResource:filename ofType:@""];

    NSData* data = [NSData dataWithContentsOfFile:path];

    [webview_ loadData:data MIMEType:@"text/html" textEncodingName:@"utf-8" baseURL:nil];

}

//javascript调用原生方法，也是Cordova混合架构的原理

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

{

    NSLog(@"shouldStartLoadWithRequest");

    NSString *url = request.URL.absoluteString;

    NSLog(@"%@", url);

    if([url hasSuffix:@"iostest"]){

        return NO;

    }

    return YES;

}

- (void)webViewDidFinishLoad:(UIWebView *)webView {

    //执行javascript语句

    NSLog(@"webViewDidFinishLoad");

    NSString *js = @"test2('hello')";

    [webview_ stringByEvaluatingJavaScriptFromString:js];

}

@end
  • 网页部分
<html>

    <head>

        <script type="text/javascript">

            var iFrame;

            iFrame = document.createElement('iframe');

            iFrame.style.display = 'none';

            document.documentElement.appendChild(iFrame);

            //创建一个iFrame，并修改其src，此时IOS中的shouldStartLoadWithRequest会被回调

            function test1(){

                iFrame.src = "iostest";

            }

            function test2(input){

                alert(input);

            }

        </script>

    </head>

    <body>

        <p>This is Test Page.</p>

        <button onclick="test1()">hello</button>

    </body>

</html>

UI控件（UIWebView）的更多相关文章

  1. UI控件---UIWebView

    UIWebView是内置浏览器控件,可以用来浏览网页,文档等,今天就试着做一个简易的浏览器! 定义url的初始化方法和返回,前进,刷新三个方法,实现UIWebViewDelegate协议 @inter ...

  2. 【IOS 开发】基本 UI 控件详解 (UIDatePicker | UIPickerView | UIStepper | UIWebView | UIToolBar )

    转载注明出处 : http://blog.csdn.net/shulianghan/article/details/50348982 一. 日期选择器 (UIDatePicker) UIDatePic ...

  3. ios 中的UI控件学习总结（1）

    UIKit框架提供了非常多功能强大又易用的UI控件 下面列举一些在开发中可能用得上的UI控件 UIButton 按钮 UILabel 文本标签 UITextField 文本输入框 UIImageVie ...

  4. UI控件概述

    常见UI控件 UIKit框架提供了非常多功能强大又易用的UI控件,以便于开发者打造出各式各样的App 以下列举一些在开发中常见的UI控件(稍后补上图片示例) 1.UILabel– 文本标签:作用是显示 ...

  5. 常用的UI控件

    关于本文:作为一名iOS软件工程师,熟练规范的使用常用的UI控件是必备的基础技能. 指示器(UIActivityIndicatorView)----转动的等待小菊花 提醒对话框(UIAlertView ...

  6. ANDROID L——Material Design详解（UI控件）

    转载请注明本文出自大苞米的博客(http://blog.csdn.net/a396901990),谢谢支持! Android L: Google已经确认Android L就是Android Lolli ...

  7. WinForm/Silverlight多线程编程中如何更新UI控件的值

    单线程的winfom程序中,设置一个控件的值是很easy的事情,直接 this.TextBox1.value = "Hello World!";就搞定了,但是如果在一个新线程中这么 ...

  8. 富客户端 wpf, Winform 多线程更新UI控件

    前言 在富客户端的app中,如果在主线程中运行一些长时间的任务,那么应用程序的UI就不能正常相应.因为主线程要负责消息循环,相应鼠标等事件还有展现UI. 因此我们可以开启一个线程来格外处理需要长时间的 ...

  9. UI控件（复习一下）

    如何修改控件状态• 可见,确实需要经常修改控件状态• 那如何去修改控件的状态呢?方法很简单➢ 每一个UI控件都是一个对象➢ 修改UI控件的状态,其实就是修改控件对象的属性➢ 比如修改UILabel显示 ...

  10. IOS学习资源收集--开发UI控件相关

    收集的一些本人了解过的iOS开发UI控件相关的代码资源(本文持续补充更新) 内容大纲: 1.本人在github上也上传了我分装好的一些可重复利用的UI控件 2.计时相关的自定义UILabel控件 正文 ...

随机推荐

  1. UILAbel 设置了attributedText 后省略号不显示

    今天遇见个大坑呀,UILabel我设置了 attributedText ,并且设置了 lineBreakMode = NSLineBreakByTruncatingTail 就是想让多余的内容显示成省 ...

  2. PE文件格式(加密与解密3)(一)

    本次的了解主要讲解 PE的基本概念.MS-DOS文件头.PE文件头.区块.输入表.输出表等. 这里我将会结合一个简单的小程序来加深我对PE文件结构的了解. 使用学习工具:有StudyPE.LordPE ...

  3. Java EE之数据库连接与插入

    在这之前应该先: **保证项目中导入了mysql-connector-java-5.1.23-bin.jar **服务器上的数据库24小时连接成功: 1.在源包下新建一个普通的Java文件,取名为My ...

  4. React News Site 新闻站

    Learn React & Webpack by building the Hacker News front page from https://github.com/theJian/bui ...

  5. Java_新浪微博SDK_jar包下载

    新浪微博开放平台API_jar包下载地址:jar包(猛戳) --by HsuChan

  6. win下安装jdk7后，修改环境变量无法改为jdk6的问题

    jdk的安装包,现在的策略改变了,不再帮你设置环境变量,而是直接把java.exe,javaw.exe,javaws.exe直接拷贝到了system32下. 删掉这3个,path就生效了!

  7. dom4j解析示例

    收藏信息.xml <?xml version="1.0" encoding="GB2312" standalone="no"?> ...

  8. 微信小程序火车票查询 直取12306数据

    最终效果图: 样式丑哭了,我毕竟不是前端,宗旨就是练练手,体验微信小程序的开发,以最直接的方式获取12306数据查询火车票. 目录结构: search1是出发站列表,search2是目的站列表,命名没 ...

  9. nodejs express 安装

    前几天刚遇到的问题sudo npm install -g expresssudo npm install -g express-generator然后通过express -V查看版本,看好是大写的V ...

  10. 使用logrotate分割Tomcat的catalina日志

    切割catalian日志的方式有很多种,比如shell脚本的.cronolog或者通过配置log4j等等这些都可以实现.但今天我要介绍是使用logrotate来按日期生成日志. 原文是一个外国博主的文 ...