Question

我正在使用phonegap（html，javascript）开发跨平台移动应用程序问题是选择项目相关图像不在iframe中显示，此图像显示另一页面请参见下面的代码

function onchangeevent(mySelect)
{
PageIndex2=mySelect.selectedIndex;
{
if 
(
mySelect.options[PageIndex2].value != "none"
)
{
frames['iframe2'].location.href = mySelect.options[PageIndex2].value;
}

}
}
</script>
</head>
<body>
<form name="form">
  <p><select NAME="selectimage" SIZE="1" onChange="onchangeevent(this.form.selectimage)">
    <option VALUE="none" SELECTED>Select a page and go</option>
    <option VALUE="ic_launcher.png">one</option>
     <option VALUE="icon.png">two</option>
  </select> </p>
  <p>
  <IFRAME NAME="iframe2" frameborder="3" ALIGN="top" HEIGHT="100%" WIDTH="95%" HSPACE="10" VSPACE="10" align="middle"></IFRAME>
 </p>

</form>
</body>
</html>

iframe标签无法正常运行android inbuild浏览器如何解决问题？请告诉所有浏览器支持的任何其他标签预先感谢 bobgally

Answer 1

正如您在此处Posting form to a hidden iframe in Android browser

中的上一个问题中所看到的那样

未来的浏览器/标准不支持iframe。

而是创建一个图像标记并更新它的SRC。

function onchangeevent(mySelect)
{
PageIndex2=mySelect.selectedIndex;
{
if 
(
mySelect.options[PageIndex2].value != "none"
)
{
document.getElementById('myimage').src = mySelect.options[PageIndex2].value;
}

}
}
</script>
</head>
<body>
<form name="form">
  <p><select NAME="selectimage" SIZE="1" onChange="onchangeevent(this.form.selectimage)">
    <option VALUE="none" SELECTED>Select a page and go</option>
    <option VALUE="ic_launcher.png">one</option>
     <option VALUE="icon.png">two</option>
  </select> </p>
  <p>
  <img src="about:blank" id="myimage" alt="" />
 </p>

</form>
</body>
</html>

iframe标签不工作android内置浏览器？

1 个答案: