从代码中创建一个链接,并将其显示在iframe中



我拥有一个电子商务网站,一旦派遣快递员,我就会向客户发送一封电子邮件,以跟踪他们的发货情况
因此,我创建了一个输入字段(下面给出的代码(。当用户输入快递跟踪号码并点击"跟踪"按钮时,该字段会创建一个链接,并将用户重定向到该链接(快递公司的官方网站(,该链接显示该特定链接的跟踪详细信息。所以,我想问:

  1. 当用户输入跟踪号码并点击跟踪按钮时,结果会显示在我网站上的iframe中,而不是重定向到官方网站。(我知道这是可能的,但我不知道怎么做(
  2. 或者有可能在按下Track按钮后;跟踪结果直接显示在我的网站上,而不是重定向,甚至在iframe中

document.getElementById("shipment_tracking_form").addEventListener("submit", function(event) {
event.preventDefault();
var track_no = document.getElementById("shipment_tracking_no").value;
var tracking_no_length = track_no.length;
var submit = document.getElementById("shipment_tracking_submit");
var base_url = "https://sonic.pk/tracking?tracking_number="
var final_url = base_url + track_no
window.open(final_url, '_blank');
});
<form id="shipment_tracking_form">
<input type="text" placeholder="Tracking Number" name="track_no" id="shipment_tracking_no">
<input type="submit" style="background-color:#EC0026; color :white; display:block; margin: 0 auto" display: inline-block value="Track!" id="shipment_tracking_submit">
</form>
<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>

unpkg.com似乎有一个框架破坏者,使其基本上不可能在自己的网站上加载内容。对不起,我是一个冷毯子!

显示跟踪信息的唯一真正方法是在新选项卡中打开链接。该页面将不在框架中,并且应该正确显示。

最新更新