javascript - 电话链接在 iframe 中不起作用，尽管它在 iOS9 web 中的 div 中起作用。如何使电话链接在 iOS9 safari 中正常工作？

Question

您好，我在 iOS9 的 iframe 中尝试电话链接。在 iOS9 中，电话应用程序无法在 safari 中打开。当我在里面尝试相同的链接时，它在那里工作。

我正在尝试在 anchor 标记下方。这段代码放在 div 中时会打开电话应用程序。但是相同的代码在 iframe 中不起作用。请建议如何在 iframe 中工作？

请使用以下代码查看 iframe 外的电话链接

<a href = "tel://1-408-555-5555">1-408-555-5555</a>

请使用以下代码验证 iframe 中的电话链接。

<iframe  id = "test" style = "border:none;"></iframe>
<script>
var iframe = document.getElementById("test");
var iDoc = iframe.contentDocument;
iDoc.write('<a href = "tel://1-408-555-5555">1-408-555-5555</a>');
</script>

Answer 1

今天我遇到了同样的问题，并找到了一个简单的解决方案。只需使用 target="_parent"，链接也可以在 iOS9 上的 safari 中使用。

<iframe  id = "test" style = "border:none;"></iframe>
<script>
var iframe = document.getElementById("test");
var iDoc = iframe.contentDocument;
iDoc.write('<a target="_parent" href = "tel://1-408-555-5555">1-408-555-5555</a>');
</script>