码迷,mamicode.com
首页 > 编程语言 > 详细

UIWebView与javascript交互一

时间:2015-04-21 18:06:02      阅读:202      评论:0      收藏:0      [点我收藏+]

标签: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下载地址

我这里也是刚刚开始学习,希望能和大家多多交流哦,如果能有高手给指教下更好了。^_*

UIWebView与javascript交互一

标签:ios   uiwebview   javascript   html   

原文地址:http://blog.csdn.net/hanhailong18/article/details/45172733

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!