摘要:本篇教程探讨了iOS中加载HTML5如何调用html和修改HTML5内容,希望阅读本篇文章以后大家有所收获,帮助大家HTML5+CSS3从入门到精通 。
本篇教程探讨了iOS中加载HTML5如何调用html和修改HTML5内容,希望阅读本篇文章以后大家有所收获,帮助大家HTML5+CSS3从入门到精通 。
<
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:@"//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
本文由职坐标整理并发布,希望对同学们有所帮助。了解更多详情请关注职坐标WEB前端HTML5/CSS3频道!
您输入的评论内容中包含违禁敏感词
我知道了
请输入正确的手机号码
请输入正确的验证码
您今天的短信下发次数太多了,明天再试试吧!
我们会在第一时间安排职业规划师联系您!
您也可以联系我们的职业规划师咨询:
版权所有 职坐标-一站式IT培训就业服务领导者 沪ICP备13042190号-4
上海海同信息科技有限公司 Copyright ©2015 www.zhizuobiao.com,All Rights Reserved.
沪公网安备 31011502005948号