IOS开发webView加载HTML的方法

释放双眼,带上耳机,听听看~!

在日常开发中,为了提高效率,我们使用了大量的WebView,其实当我们制作一个详细的页面时,我们可能会返回一个HTML字符串,那么IOS中的webView加载HTML的方法大家都了解吗?下面就让技术狗小编带你一起来了解一下吧!

1、首先我们先新建一个html文件

2 完整html标签并且设置编码格式为UTF-8

3 在body里面增加十只老鼠图片,并且增加点击事件,当点击老鼠后触发JS函数onclick=”addScore(this);”,代码如下:

4 先将所有的老鼠图片放入数组中,然后开启定时器,每秒调用两次该方法,并且随机显示八个老鼠图片

//展示老鼠
function showMouse(){
//隐藏所有的老鼠
hideAll();
//控制点击次数
times++;
//超过20此结束点击
if(times>20){
window.clearInterval(timer);
alert("游戏结束,得分"+score+"分");
return;
}
//获取所有的老鼠
var imgs=document.getElementsByTagName("img");
//随机的显示八只老鼠
for(var i=0;i<8;i++){
var tem=Math.random()*10;
tem= Math.round(tem);
var node=imgs[tem]
node.style.display="";
}
}
//隐藏所有老鼠
function hideAll(){
var imgs=document.getElementsByTagName("img");
for(var i=0 ;i;i++){>

5 每次点击我们需要隐藏当前的图片,并且增加分数,每点击一次老鼠增加一分

//增加分数
function addScore(cell){
cell.style.display="none";
score++;
document.getElementById("label").innerHTML=score+"分数";
}

6 html加载到webView中显示

UIWebView * web=[[UIWebView alloc] initWithFrame:CGRectMake(0, 0, 375, 667)];
NSString * path=[[NSBundle mainBundle] pathForResource:@"mouse.html" ofType:nil];
NSData * data=[NSData dataWithContentsOfFile:path];
NSString * str=[[NSString alloc] initWithData:data encoding:NSUTF8StringEncoding];
web.scalesPageToFit=YES;
[web loadHTMLString:str baseURL:nil];
[self.view addSubview:web];

上文是IOS中的webView加载HTML的方法,相信大家都有了一定的了解,想要了解更多的技术信息,请继续关注技术狗吧!

人已赞赏
iOS文章

iOS使用UIAlertView实现带输入框的alertView及设置键盘样式,按钮动态可用

2020-1-5 8:05:40

iOS文章

iOS之UIWindow的基本使用教程

2020-1-5 9:34:39

个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
有新消息 消息中心
搜索