在日常开发中，我们为了效率会用到很多很多的 webview,比如在做某个明细页面的时候我们返回给你的可能是一个 html字符串，我们就需要将当前字符串展示到 webview上面，所以我们对 html标签需要有一定的认识，下面我们来一起用 html标签和 js写一个打地鼠游戏 ,这里我们主要讲解 html标签的书写，只要如何和 webview适配涉及到响应式布局我们下次讲解：
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 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];
作者：杰瑞教育
出处： http://www.cnblogs.com/jerehedu/
版权声明：本文版权归 烟 台 杰瑞教育 科
技有限公司 和博客园共有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文连接，否则保留追究法律责任的权利。
技术咨询：