phonegap入门--12 InAppBrowser

最新推荐文章于 2024-05-21 10:05:14 发布

孟祥月

最新推荐文章于 2024-05-21 10:05:14 发布

阅读量1w

点赞数 4

分类专栏： phonegap

本文链接：https://blog.csdn.net/mengxiangyue/article/details/8896735

版权

phonegap 专栏收录该内容

16 篇文章 0 订阅

订阅专栏

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>

很简单的例子,官方文档上也有这个例子,大虾不要拍砖

孟祥月

关注

4
点赞
踩
3

收藏

觉得还不错? 一键收藏
3
评论
phonegap入门--12 InAppBrowser

InAppBrowser这个对象是当我们调用window.open的时候,显示出来一个浏览器.在我们做项目的过程中客户需要在应用中打开携程的网站,这时候就可以直接使用这个对象,在应用程序中打开一个浏览器.window.open方法会返回此对象.var ref = window.open('http://apache.org', '_blank', 'location=yes');此对象有三
复制链接

扫一扫

专栏目录