Javascript 通过URL参数在远程页面上设置Iframe源

我有3页，我正在工作

shop_mobile.php

此页面从MySQL数据库检索产品数据并列出其格式。它接受url参数brand=BRANDNAME和cat=CATEGORY

以下是此页面的两个示例：

vehicles.html

此页面包含查看特定产品列表页面的链接，如KYMCO踏板车、和平运动踏板车。单击这些链接时，它们都应该将用户带到相同的page view.html，但传递URL参数，这些参数告诉view.html中的Iframe使用哪个URL作为其源

view.html

此页面包含一个Iframe，它从vehicles.html链接传递的URL参数获取其源

注:

我尝试使用在提供的解决方案来解决我的问题，但我以前从未使用过jquery，因此无法使其正常工作

任何帮助都将不胜感激

更多信息

Vehicles.html中的链接示例

我认为View.html应该做什么：

从url view.html中提取？并将其存储为名为$embedLink的变量

显示以$embedLink作为其源url的Iframe

---

假设您在vehicles.html上的链接结构良好，如下所示：

view.html？url=http://solanocycle.com/shop_mobile.php?brand=KYMCO&cat=KYMCO%20Scooters

view.html所需的jQuery是：

<script type="text/javascript">
$(document).ready(function(){
    var regex = /\?url=(.*)/,
    $embedLink = document.location.href.match(regex)[1];
    $('iframe').attr('src', $embedLink);
});
</script>

显然，为了更具体，您将使用iframe的id或类替换“iframe”

另一种方法是使用php提取请求参数，并将其回显，以代替iframe的src属性：

<?php $embedLink = (isset($_GET['url']) ? $_GET['url'] : ''); ?>

<iframe src="<?php echo $embedLink; ?>"></iframe>

---

我建议在这两种情况下都对请求参数执行清理，以防止XSS。

您有示例代码吗？我是否可以假设您的问题是提取view.html上的URL参数并让iframe反映它们？更新了我的问题，提供了更多信息和一些示例代码。