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");
});

如何在Phonegap项目中使用iframe？

1 个答案: