iT邦幫忙

DAY 22
2

APP 開發好好玩系列 第 19

如何在 WebView 當中執行程式

如何在 WebView 當中執行程式
我們昨天提到了可以在 WebView 當中執行程式,我們今天來看看要怎麼處理

  1. 先在 UIViewController 上面放置 WebView

  2. 把 WebView 拉成 IBOutlet 的屬性

  3. 我們就可以在程式當中,載入 HTML 檔,載入的方法如下

    • (void)viewDidLoad
      {
      [super viewDidLoad];
      // Do any additional setup after loading the view, typically from a nib.
      NSString *path;
      path = [[NSBundle mainBundle] pathForResource:@"mypage" ofType:@"html"];

      NSURL *url = [NSURL fileURLWithPath:path];
      NSURLRequest *request = [NSURLRequest requestWithURL:url];
      [_webView loadRequest:request];
      }

接下來只要設計 mypage.html 就可以了,下列是個簡單的範例

<html xmlns="http://www.w3.org/1999/xhtml">

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<style type="text/css">
.aa {
	color: #00F;
	font-size: 18px;
}
</style>
<script>
function add()
{
	var q1 = document.getElementById("q1").value;
	var q2 = document.getElementById("q2").value;
	
	var ans = eval(q1) + eval(q2);
	document.getElementById("ans").innerHTML = ans;
}
</script>


<body class="aa">
<p>Hello World
</p>
<p>
  <label for="q1"></label>
  <input type="text" name="q1" id="q1" /> 
  +
  <label for="q2"></label>
  <input type="text" name="q2" id="q2" />
  <input type="button" name="button" id="button" value="=" onclick="add()" />
</p>
<p><span id="ans"></span></p>

這樣就可以列出兩個數相加的結果了


上一篇
手機利用 WebView 來執行 JavaScript 程式
下一篇
手機使用 WebView 的限制
系列文
APP 開發好好玩27
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言