Iframe和IOS中的移动链接

时间:2016-02-19 22:35:10

标签: html ios iphone iframe

我今天尝试从我在iframe(同一域名)中运行的某个webapp打开移动链接。

看起来这些链接还没有得到苹果的认可?

https://plnkr.co/edit/9Rp87NcVi9Kr4MGDgIwL?p=preview

正文档

<html>
    <body>
        <a href="tel:1-888-888-1212">1-888-888-1212</a>
        <iframe src="iframe.html"></iframe>
    </body>
</html>

Iframe.html的

<body>
    <a href="tel:1-877-877-2323">1-877-877-2323</a>
</body>

在下面的插件中,我做了一个例子。 我的本地计算机可以识别这些链接,我的多个Android设备也是如此。虽然谈到IOS,但没有什么可以做的,它只适用于不在iframe中的链接。

任何人都有类似问题,或者知道这个问题的解决方案?

1 个答案:

答案 0 :(得分:2)

通过使用脚本从iframe中选择父文档,它应该可以工作。试试这个:

编辑将“target =”_ parent“添加到锚点是查看此答案的人的解决方案。

日期答案:

<iframe  id="test" src="iframe.html"></iframe>
<script>
var iframe = document.getElementById("test");
var iDoc = iframe.contentDocument;
iDoc.write('<a target="_parent" href="tel://1-888-888-1212">1-888-888-1212</a>');
</script>