phonegap入门--12 InAppBrowser
InAppBrowser这个对象是当我们调用window.open的时候,显示出来一个浏览器.
在我们做项目的过程中客户需要在应用中打开携程的网站,这时候就可以直接使用这个对象,在应用程序中打开一个浏览器.window.open方法会返回此对象.
var ref = window.open('http://apache.org', '_blank', 'location=yes');此对象有三个方法:
addEventListener removeEventListener close这三个方法比较直观,不多说了,下面介绍一下可以添加的事件.
loadstart - InAppBrowser开始加载网页时候触发 loadstop - InAppBrowser网页加载完成触发 loaderror - InAppBrowser加载网页出错的时候触发 exit - InAppBrowser窗口关闭的时候触发下面看一个例子代码:
<!DOCTYPE html>
<html>
<head>
<title>InAppBrowser.removeEventListener Example</title>
<script type="text/javascript" charset="utf-8" src="cordova-2.6.0.js"></script>
<script type="text/javascript" charset="utf-8">
document.addEventListener("deviceready", onDeviceReady, false);
// Global InAppBrowser reference
var iabRef = null;
function iabLoadStart(event) {
alert(event.type + ' - ' + event.url);
}
function iabLoadStop(event) {
alert(event.type + ' - ' + event.url);
}
function iabLoadError(event) {
alert(event.type + ' - ' + event.message);
}
function iabClose(event) {
alert(event.type);
iabRef.removeEventListener('loadstart', iabLoadStart);
iabRef.removeEventListener('loadstop', iabLoadStop);
iabRef.removeEventListener('loaderror', iabLoadError);
iabRef.removeEventListener('exit', iabClose);
}
function onDeviceReady() {
iabRef = window.open('http://www.baidu.com', '_blank', 'location=yes');
iabRef.addEventListener('loadstart', iabLoadStart);
iabRef.addEventListener('loadstop', iabLoadStop);
iabRef.removeEventListener('loaderror', iabLoadError);
iabRef.addEventListener('exit', iabClose);
}
</script>
</head>
<body>
</body>
</html>
很简单的例子,官方文档上也有这个例子,大虾不要拍砖