Javascript 如何在phonegap项目中使用iframe？

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

我想集成一个iframe而不是重定向

我已经试过了：

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

请将以上代码放入您的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");
});

//追加iframe
$（“#QR”）.find（“.view content”）.append（“”）；
var iFr1=document.getElementById（'ifrQR'）；
iFr1.src=”http://www.google.in";
变量$if1=$（“#QR”）。查找（“#ifrQR”）；
$if1.load（函数（）{
警报（“iframe加载”）；
});

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

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