标签:ios uiwebview javascript html
去年看了两本书上面都有提到UIWebView与javascript的交互,但是很少提交具体的操作。今年时间稍微闲下来,我觉得很有必要把这个知识点整理一下。
首先一定要储备一些简单的javascript知识,我看的是这本电子书《javascript从入门到精通》另外还要有一些简单的html知识的基础。
我主要实现的功能就是加载html文件,并操作html上的输入框,按钮进行操作。
test.html的代码如下:
<html>
<head>
<title>test</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<script type ="text/javascript" src ="test.js"></script>
</head>
<body>
<form name="myform">
<table>
<tr>
<td height ="30" width ="320" align="center" bgcolor="#DC143C">I‘m Jack,I‘m an IOS coder</td>
</tr>
<tr>
<td height ="30" width ="320" align="center">
<input name ="input1" id ="input1" type="text" size="25" maxlength="100" >
</td>
</tr>
<tr>
</tr>
<tr>
</tr>
<tr>
<td height="30" width="60" align="center">
<input name ="submit" type="submit" value="submit" onClick ="check()">
</td>
</tr>
</table>
</form>
</body>
</html>
test.js 的代码如下:
function check(){
var str = document.getElementById(‘input1‘).value
alert(str);
}
OC的代码在这里就不贴出来了,相信大家做IOS的差不多都能搞定,UIwebview 中html文件的加载大家都可以搞的定。
下面就跟大家分享下运行效果:
可以看到这里只是对页面上的事件进行响应,但是比如获取输入的内容,这一块,还没有实现,将在下篇文章中和大家分享。
demo下载地址
我这里也是刚刚开始学习,希望能和大家多多交流哦,如果能有高手给指教下更好了。^_*
标签:ios uiwebview javascript html
原文地址:http://blog.csdn.net/hanhailong18/article/details/45172733