IOS中的webView加载HTML的方法

来源:爱站网时间:2019-03-04编辑:网友分享
在日常开发中,为了提高效率,我们使用了大量的WebView,其实当我们制作一个详细的页面时,我们可能会返回一个HTML字符串,那么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;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之自定义导航转场动画的操作实践

您可能感兴趣的文章

相关阅读

热门软件源码

最新软件源码下载