码迷,mamicode.com
首页 > 移动开发 > 详细

【iOS和HTML 5交互】iOS中加载html5调用html方法和修改html5内容

时间:2016-04-06 18:47:42      阅读:815      评论:0      收藏:0      [点我收藏+]

标签:

   近期项目开发中用到了这方面的技术了,那我们一起来看看。
  • 1.利用webView控件加载本地html5或者网络上html5
  • 2.设置控制器为webView的代理,遵守协议
  • 3.实现代理方法webViewDidFinishLoad:
  • 4.在代理方法中进行操作HTML5中的标签(CRUD-->增删改查)
    • 1.用类选择器或者id选择器或者标签选择器等选择要进行操作的标签
    • 2.把选择好的标签转换成字符串
    • 3.webView调用stringByEvaluatingJavaScriptFromString方法
  • 应用场景:比如加载了网络上的百度链接,但是不想要它某个链接标签,利用这个代理方法,获取这个标签,然后删除它,或者更改他标签的显示文字等内容

1.加载本地HTML5

NSURL *url = [[NSBundle mainBundle] URLForResource:@"test" withExtension:@"html"];
NSURLRequest *request = [NSURLRequest requestWithURL:url];
[self.webView loadRequest:request];

2.加载网络上网页HTML5

NSURL *url = [NSURL URLWithString:@"http://www.baidu.com"];
NSURLRequest *request = [NSURLRequest requestWithURL:url];
[self.webView loadRequest:request];

3.在oc中删除HTML5中的某个标签,比如按钮

// 网页视图加载完毕会调用代理的这个方法
- (void)webViewDidFinishLoad:(UIWebView *)webView
{
    NSString *str = @"document.getElementsByClassName(‘detail_btns2‘)[0].remove();";
    [webView stringByEvaluatingJavaScriptFromString:str];
}

4.在oc中更改HTML5内容

- (void)webViewDidFinishLoad:(UIWebView *)webView
{
    NSString *headerStr = @"document.getElementsByTagName(‘h1‘)[0].innerText = ‘测试文字‘;";
    [webView stringByEvaluatingJavaScriptFromString:headerStr];

    NSString *downLoadStr = @"document.getElementById(‘xiazaiapp‘).getElementsByTagName(‘a‘)[0].innerText = ‘下个鸡蛋‘;";
    [webView stringByEvaluatingJavaScriptFromString:downLoadStr];
}

 

https://github.com/CoderJackyHuang/TextVeiw-Label-HTML-DEMO UITextView和UILabel如何加载HTML内容

 

https://github.com/CoderJackyHuang/WebViewImgAutoFit WebView加载HTML中的图片时,处理图片超过屏幕的问题,让图片自适应屏幕

 

https://github.com/CoderJackyHuang/WebViewJavascriptBridgeDemo

 

另外附赠一个链接,直接带有效果图的。
http://www.jianshu.com/p/8ee9e168d680

【iOS和HTML 5交互】iOS中加载html5调用html方法和修改html5内容

标签:

原文地址:http://www.cnblogs.com/xjf125/p/5360288.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!