UIWebView與javascript互動一,uiwebview
去年看了兩本書上面都有提到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
我這裡也是剛剛開始學習,希望能和大家多多交流哦,如果能有高手給指教下更好了。^_*