如何在Phonegap项目中使用iframe？

康斯坦丁·博世

我创建了一个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
            }
       };

车丹

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

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。