javascript - 如何在phonegap项目中使用iframe？

Question

我创建了一个 phonegap 项目。在这个项目中有一个集成了按钮的页面。此按钮引用一个 url(“InAppbrowser:True”)。

我想集成 iframe 而不是重定向。

我已经试过了:

<iframe src="http://www.example.com/" style="width:100%; height:100%;">

不幸的是，我不知道如何以及在哪里使用它。

(这是一个.js文件，在以下路径app/module/custom/example.js下)

example.js (code snippet) 

       content['iframe'] = {
          theme: 'button_link',
          text: 'register',
          path: 'https://www.google.de/',
          options: {
              iframe: true,
              //InAppBrowser: true
            }
       };

Answer 1

<div id="QR" data-role="view" data-model="Your data model name"></div>

请将以上代码放入您的 HTML 文件中

然后在下面的代码中放入您的点击按钮事件

//Append iframe 
$("#QR").find(".view-content").append('<iframe id="ifrQR" src="" target="_parent"></iframe>');
var iFr1 = document.getElementById('ifrQR');
iFr1.src = "http://www.google.in";
var $if1 = $("#QR").find("#ifrQR");
$if1.load(function () {
     alert("iframe loaded");
});