UIWebView与javascript交互一
浏览数：24 /
时间：2015年06月08日
去年看了两本书上面都有提到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下载地址
我这里也是刚刚开始学习，希望能和大家多多交流哦，如果能有高手给指教下更好了。^_*
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
