1.5 使用UIWebView加载本地页面并调用Js代码 [iO
1. 本节课将为您演示，如何读取项目中的网页文件，以及执行脚本代码。首先创建一个网页文件，在项目文件夹上点击鼠标右键，弹出右键菜单。
image
image
3. 在弹出的文件模板窗口中，点击右侧的垂直滚动条，查看下方的文件模板。
image
image
image
image
image
image
image
image
image
12. 然后给网页添加标题文字，标题文字通常显示在浏览器的标签处。
image
image
image
image
image
17. 接着添加一对主体标签，网页中的元素通常都放在此处，同时设置其背景颜色。
image
18. 添加一对表单标签，并设置当表单被提交时，调用刚刚编写的脚本函数。
image
19. 添加一个用户名输入框，用来获取用户输入的用户名的信息。
image
20. 继续添加一个密码输入框，用来获取用户输入的密码信息。
image
21. 最后添加一个提交按钮，当用户点击该按钮时，提交当前的表单。然后在左侧的项目导航区，打开视图控制器的代码文件。
image
22. 现在开始编写代码，通过网页视图加载刚刚创建的网页文件，并调用脚本函数。
image
image
image
image
26. 然后通过矩形区域，初始化一个位于该显示区域的网页视图。
image
27. 接着设置网页视图的背景颜色为橙色，并将网页视图添加到根视图中。
image
28. 获得网页文件在项目中的路径，并将路径转换成网址的样式。
image
29. 通过网页视图的加载请求方法，加载该网址路径下的网页文件。
image
30. 接着添加一个按钮控件，当按钮被点击时，将获得并打印网页的属性信息。
image
31. 依次设置按钮在正常状态下的标题文字，并设置按钮的背景颜色为橙色。
image
image
33. 添加第二个按钮控件，当该按钮被点击时，将设置网页表单的内容，并提交该表单。
image
34. 依次设置按钮控件在正常状态下的标题文字，并设置按钮的背景颜色为橙色。
image
image
36. 设置根视图的背景颜色，并将两个按钮依次添加到根视图中。
image
image
38. 通过网页视图的执行脚本命令，执行脚本代码，此脚本代码用来获得网页所对应的网址字符串。
image
39. 执行第二句脚本代码，此脚本代码用来获得网页的标题信息。
image
40. 将获得的相关信息拼接成一个字符串，并在控制台打印输出。
image
image
42. 初始化一个字符串常量，表示一个脚本语句，该脚本语句用来设置用户名文本框的值。
image
43. 初始化另一个字符串常量，表示一个脚本语句，该脚本语句用来执行指定名称的函数。
image
44. 同样通过网页视图的执行脚本命令，依次执行这两条脚本语句。完成代码的编写之后，点击左上角的[编译并运行]按钮，启动模拟器预览项目。
image
45. 在弹出的模拟器中，点击第一个按钮，并留意底部控制台的日志输出。
image
47. 观察网页中的用户名文本框，此时它已经拥有了一个值。由于表单被提交，所以弹出了一个警告窗口，在警告窗口中列出了用户名文本框的值。
image
48. 最后点击左上角的[停止]按钮，关闭模拟器，并结束本节课程。
image
image
image
image
本文整理自：《app开发中的神兵利器》，真正的[手把手]教学模式，用最快的速度上手iOS开发，苹果商店App Store免费下载：https://itunes.apple.com/cn/app/id1209739676，或扫描本页底部的二维码。课程配套素材下载地址：资料下载
apps8 2.png
