程序博客网 > 甲醛挥发温度曲线 知乎

JS与UIWebView交叉编程

来源：互联网 发布：甲醛挥发温度曲线 知乎 编辑：程序博客网 时间：2024/06/03 13:59

主要用到UIWebView的  – stringByEvaluatingJavaScriptFromString:方法

如图：


上端UINavigationBar里有个Button，绑定selectCity事件

[cpp] view plaincopy
  1. UIBarButtonItem *selectBtn = [[UIBarButtonItem alloc] initWithTitle:@"Select" style:UIBarButtonItemStyleBordered target:self action:@selector(selectCity)];  
  2.     self.navigationItem.rightBarButtonItem = selectBtn;  
  3.     [selectBtn release];  

[cpp] view plaincopy
  1. - (void)selectCity  
  2. {  
  3.     NSString *result = [self.webView stringByEvaluatingJavaScriptFromString:@"select();"];  
  4.     UIAlertView *alert = [[UIAlertView alloc] initWithTitle:@"You select city:" message:result delegate:self cancelButtonTitle:@"Sure" otherButtonTitles:@"Cancel", nil];  
  5.     [alert show];  
  6.     [alert release];  
  7. }  

html代码（使用jquery mobile)

[html] view plaincopy
  1. <!DOCTYPE html>  
  2. <html>  
  3. <head>  
  4.     <title>city</title>  
  5.     <meta charset="utf-8">  
  6.     <meta name="viewport" content="width=device-width, initial-scale=1">  
  7.     <link rel="stylesheet" href="jquery.mobile-1.0.css"/>  
  8.     <script type="text/javascript" src="jquery.js"></script>  
  9.     <script type="text/javascript" src="jquery.mobile-1.0.js"></script>  
  10.     <script>  
  11.         function select()  
  12.         {  
  13.             var cities = document.getElementsByName("city");  
  14.             for(i=0; i<cities.length; i++)  
  15.             {  
  16.                 if(cities.item(i).checked)  
  17.                 {  
  18.                     var result = cities.item(i).getAttribute("value");  
  19.                     return result;  
  20.                 }  
  21.             }  
  22.         }  
  23.     </script>  
  24. </head>  
  25. <body>  
  26. <div data-role="page">  
  27. <div data-role="content">  
  28.         <fieldset data-role="controlgroup">  
  29.             <legend>Choose a city:</legend>  
  30.             <input type="radio" name="city" id="radio-choice-1" value="广州市" checked="checked" />  
  31.             <label for="radio-choice-1">广州市</label>  
  32.             <input type="radio" name="city" id="radio-choice-2" value="深圳市"  />  
  33.             <label for="radio-choice-2">深圳市</label>  
  34.             <input type="radio" name="city" id="radio-choice-3" value="珠海市"  />  
  35.             <label for="radio-choice-3">珠海市</label>  
  36.             <input type="radio" name="city" id="radio-choice-4" value="东莞市"  />  
  37.             <label for="radio-choice-4">东莞市</label>  
  38.             <input type="radio" name="city" id="radio-choice-5" value="茂名市"  />  
  39.             <label for="radio-choice-5">茂名市</label>  
  40.             <input type="radio" name="city" id="radio-choice-6" value="湛江市"  />  
  41.             <label for="radio-choice-6">湛江市</label>  
  42.             <input type="radio" name="city" id="radio-choice-7" value="阳江市"  />  
  43.             <label for="radio-choice-7">阳江市</label>  
  44.             <input type="radio" name="city" id="radio-choice-8" value="中山市"  />  
  45.             <label for="radio-choice-8">中山市</label>  
  46.             <input type="radio" name="city" id="radio-choice-9" value="佛山市"  />  
  47.             <label for="radio-choice-9">佛山市</label>  
  48.             <input type="radio" name="city" id="radio-choice-10" value="惠州市"  />  
  49.             <label for="radio-choice-10">惠州市</label>  
  50.             <input type="radio" name="city" id="radio-choice-11" value="梅州市"  />  
  51.             <label for="radio-choice-11">梅州市</label>  
  52.             <input type="radio" name="city" id="radio-choice-12" value="汕头市"  />  
  53.             <label for="radio-choice-12">汕头市</label>  
  54.         </fieldset>  
  55.     <a data-role="button" onclick="submit()" data-theme="b">Submit</a>  
  56.     </div>  
  57. </div>  
  58. </div>  
  59. </body>  
  60. </html>  
效果：

0 0
甲醛挥发温度曲线 知乎 甲醛挥发温度曲线 知乎
原创粉丝点击
热门IT博客
mac照片导出移动硬盘mac照片导出移动硬盘
淘宝企业店铺卖假货淘宝企业店铺卖假货
在线域名生成器
淘宝联通话费充值
浙江大学 网络 充值
数据新闻手册中文版
与全世界做生意 知乎
java银行管理系统界面
厦门网络文化节
淘宝全球购为什么便宜
catia软件最新版本
sqlserver列转行函数
所有钻点亮软件
胡歌女朋友知乎
英语在线翻译发音软件
soyun社工数据库
excel选择重复数据
ubuntu 14.04 jdk1.8
淘宝永久模板在哪里买
选岔网络电路
热门问题 老师的惩罚 人脸识别 我在镇武司摸鱼那些年 重生之率土为王 我在大康的咸鱼生活 盘龙之生命进化 天生仙种 凡人之先天五行 春回大明朝 姑娘不必设防，我是瞎子 手机充电充的慢怎么办 充电充的慢怎么办 手机电充的很慢怎么回事 慢充充电桩 手机充的慢怎么回事 闪充充电器充电慢 快充和慢充有什么区别 慢充 慢四步舞基本步教学 慢四舞曲 交谊舞慢四步 慢四步舞步教学 慢四步一步一步分解动作 慢四步交谊舞 交谊舞慢四步分解动作 杨艺慢四花样教学1一10 学慢四步舞一步一步教 交际舞慢四舞曲 慢四步舞基本步教学一学就会 教跳舞慢四 慢四步交宜舞 舞蹈慢三慢四 交谊舞慢四步花样 并四步慢动作示范分解 舞厅慢四步十个基本步教学 大众交谊舞慢四 跳舞慢三慢四 冬冬慢四造型口令教学 交谊舞慢四步一学就会 慢四步舞基本步行图解 慢四步交谊舞花样全集 胡小青慢四步舞教学 慢四歌曲大全100首 杨艺慢四步花样全集 双人舞慢四步教学 慢四步基本舞步教学 中老年交谊舞慢四 高淳慢城 慢城 高淳国际慢城旅游 高淳慢城一日游攻略

程序博客网，程序员的互联网技术博客家园。csdn论坛精品 msdn技术资料都在这里